Console - Reading Assignment

  1. The console allow you to introduce javascript commands to interact with the webpage.
  2. In the menu, open More tools / Developer tools and click the tab for Console
  3. We can work with Javascript by logging it in the Console
  4. You can modify the HTML webpage by adding Javascript language in the same context, knowing that once you refresh the page it will return to its prior status before the modification.
1 Like
  1. What is the console used for?
    To edit and see results in real time on the website, without altering HTML.
  2. How do you open the Console in Google Chrome? ctrl + shift + J
  3. What does console.log function do?
    shows you the output of you JS coding.
  4. How can you change the contents of an HTML page through the console?
    Under the Elements Tab.
1 Like
  1. The console is used to log in information as part of the JavaScript development process, as well as allowing you to interact with the web page. The console gives you the ability to write, manage, and monitor JavaScript on-demand.
  2. For windows, you press CTR+SHIFT+J, for mac COMMAND+OPTION+J, or menu top right browser -More tools-Developer tools.
  3. The console.log() is a function that writes a message to log on to the debugging console.
  4. Log a DOM node to the console. Right-click on it. Select Edit as HTML or Edit Text. Notice the DOM has updated on the page and also the Elements Panel.
1 Like
  • What is the console used for?
    The Console is a development tool built into a browser that works with Javascript to allow one to interact with a web page to write, manage, and monitor its contents on demand.

  • How do you open the Console in Google Chrome?
    Either Command + Option + J
    or
    Navigate to the Browsers Menu,
    Select ‘More Tools’
    Select ‘Developer Tools’ Option
    Select ‘Console’

  • What does console.log function do?
    It logs JavaScript to the Console thus avoiding recurrent pop-up alerts.

  • How can you change the contents of an HTML page through the console?
    Load an html file into the browser. Then, by opening up the Console, one can work with JavaScript to modify that page.

1 Like
  1. Console is an interface used to write, manage, and monitor JavaScript on Demand.

  2. In Chrome head to the top right menu in the browser select more tools, Developer Tools, and then finally select Console.

  3. Console.log function streamlines the workflow.

  4. Changing the contents of an HTML page can be done by using the index.html and reloading the page. , if I understand the question correctly!

1 Like

1-What is the console used for?
Console which is similar to a shell interface, it can be used to log information as part of the JavaScript development process, as well as allow you to interact with a web page by carrying out JavaScript expressions within the page’s context. Essentially, the Console provides you with the ability to write, manage, and monitor JavaScript on demand.

2-How do you open the Console in Google Chrome?
right click–>inspect–>console
3- What does console.log function do?
we can work with JavaScript by logging it to the Console with console.log .
4-How can you change the contents of an HTML page through the console?
saveHTML file, and load it into the browser of your choice, you should see a blank page with the title of the page .then open up the Console and begin working with JavaScript to modify the page.

1 Like
  1. What is the console used for?
  2. How do you open the Console in Google Chrome?
  3. What does console.log function do?
  4. How can you change the contents of an HTML page through the console?
  • The console allows a developer to interact with a web page with JavaScript expressions. The console provides the ability to write, manage and monitor JavaScript on demand.

  • Ctrl + SHIFT + J

  • The console is basically like a sandbox where a developer can test his code and the log() program is used to display things on the console screen. Since log() belongs to the console you need to call the console first and then log(). The syntax is:

console.log(x);

where x is what you want to print on the console screen.

  • You just open the console in the browser (differently depending on the browser) and then you open the console and change the content directly from there. The changes lasts until you reload the page.
1 Like
  1. It is an interactive tool within a web browser (that works with JavaScript). Can be used to log information as part of the JavaScript development process and allows you to interact with a web page by executing JavaScript expressions within the page’s context. Can write, manage and monitor JavaScript on demand. Basically allows us to experiment and see JavaScript live directly on the browser.
  2. Menu > More Tools > Developer Tools and click on Console tab on top. The same way in Brave Browser :slight_smile:
  3. It is a function in JavaScript used to print any kind of variables defined before in it or to just print any message that needs to be displayed to the user. It can also execute functions such as “console.log(4+4);” and the output would be 8.
  4. By finding HTML elements in the DOM (Elements).
1 Like
  1. The console enables one to write, manage and monitor your JavaScript code on demand.
  2. Option + command + C (for Brave and Mac)
  3. You can test code in real time by using a environment that is similar to the terminal itself.
  4. Via the Elements panel
1 Like
  1. It is used to write, manage and monitor Javascript on how ever you want
  2. Go to top right corner and click on the three dots, go down to “more tools” and from there “developer tools”. A panel will appear on the right, at the top of that panel you will find elements, and next to it console. Or cmd + alt + j.
  3. it logs info the javascript console
  4. By going to the Element section in the console and typing Javascript language.
1 Like

Continuing the discussion from Console - Reading Assignment:

1 Like
  1. What is the console used for?

Console is similar to a shell interface, along with tools to inspect the DOM, debug, and analyze network activity. The Console can be used to log information as part of the JavaScript development process, as well as allow you to interact with a web page by carrying out JavaScript expressions within the page’s context. Essentially, the Console provides you with the ability to write, manage, and monitor JavaScript on demand.

  1. How do you open the Console in Google Chrome?

To open the JavaScript Console in Chrome, you can navigate to the menu at the top-right of your browser window signified by three vertical dots in a row. From there, you can select More Tools then Developer Tools.
This will open a panel where you can click on Console along the top menu bar to bring up the JavaScript Console if it is not highlighted already.

  1. What does console.log function do?

It provides you with a space to try out JavaScript code in real time by letting you use an environment similar to a terminal shell interface.

  1. How can you change the contents of an HTML page through the console?

You can use the Network tab alongside the JavaScript Console, there you can modify the contents of an HTML page by using the document element inside the console. You can start debugging a page with the Console then switch to the Network tab to see network activity without reloading the page.

1 Like
  1. To write, manage, and monitor Javascript on demand on a web browser.

  2. Menu > more tools > developer tools > console tab

  3. It displays output in the console only.

  4. You can add or alter html elements through the console by using Javascript.

1 Like
  1. What is the console used for?
    The console allows programmers to manage, write and monitor JS on demand with the web browser. This allows for testing and de-bugging.

  2. How do you open the Console in Google Chrome?

more tools > developer tools

  1. What does console.log function do?
    allows programmer to log data by outputting info to the console

  2. How can you change the contents of an HTML page through the console?
    Through the DOM which you access via Elements on Chrome browser.

1 Like
  1. Console is used to write, analyse and debug a piece of code in current page. One can test the expression on the fly without altering the original JS code
  2. Chrome Menu->More Tools->Developer Tools
  3. It issues logs in to console and issues the output inline instead of alerts on the page
  4. HTML page contents can be modified by writing JS code in console like building elements or changing aesthetics
1 Like
  1. What is the console used for?
    For writing, managing and monitoring JS on demand.
  2. How do you open the Console in Google Chrome?
    Chrome menu>More Tools>Developer tools. Or in Linux and Window by pressing Control+shift+J and in MAC by Pressing Command+Option+J
  3. What does console.log function do?
    The JSC provides you with a space to try out JS code in real time.
  4. How can you change the contents of an HTML page through the console?
    Using Dom and double clicking the elements you would like to change.
1 Like
  1. What is the console used for?
    It shows a structure of the page code

  2. How do you open the Console in Google Chrome?
    CTRL+SHIFT+J

  3. What does console.log function do?
    it let you print to console JavaScript code

  4. How can you change the contents of an HTML page through the console?
    It can be done by using inspector tool in DOM panel

1 Like

Homework on JavaScript Console - Questions, August 3, 2020

1.What is the console used for?

The JavaScript console is a developer tool used to evaluate Document Object Model, debug, and analyze network activity.

2.How do you open the Console in Google Chrome?

To open console in Mac, press command + option + J. In Windows press control + shift + j.

3.What does console.log function do?

This function is used to print variables and messages on the web page.

4.How can you change the contents of an HTML page through the console?

The user will need to click on the Inspector page and view the HTML window.

-Hector A. Martinez

1 Like
  1. The console provides us with the ability to write, manage, and monitor JavaScript on demand.
  2. To open the JavaScript Console in Chrome, you can navigate to the menu at the top-right of your browser window signified by three vertical dots in a row. From there, you can select More Tools then Developer Tools. This will open a panel where you can click on Console along the top menu bar to bring up the JavaScript Console if it is not highlighted already: OR You can also enter into the JavaScript Console by using the keyboard shortcut CTRL + SHIFT + J on Linux or Windows, or COMMAND + OPTION + J on macOS, which will bring focus immediately to the Console.
  3. Used for debugging purposes.
  4. By right-clicking on the HTML in the “Elements” tab and selecting “Edit as HTML,” you can make live edits to the markup of a webpage that Chrome will immediately render once you’re done editing.
2 Likes
  1. The console is used to interact with a webpage when using JavaSpript.

  2. You can navigate to the menu, and from there, you can select More Tools then Developer Tools. You can also enter by using the keyboard shortcut CTRL + SHIFT + J on Linux or Windows, or COMMAND + OPTION + J on macOS.

  3. Rather than have pop-up alerts that we need to continue to click out of, we can work with JavaScript by logging it to the Console with console.log.

  4. You can work within the context of an HTML file or a dynamically-rendered page in the Console. This provides you with the opportunity to experiment with JavaScript code within the context of existing HTML, CSS, and JavaScript.

1 Like