Console - Reading Assignment

1.The Console provides you with the ability to write, manage, and monitor JavaScript on demand.
2. To open the 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.
3. Console.log function gives you and output right on the console without producing a pop up that you need to click out of.
4.By using elements such as document.createElement, document.createTextNode, document.body.style.color etc to modify the html document.

1 Like
  1. What is the console used for?
    A: The console is a development tool built into browsers to work with JavaScript and other web technologies. In other words, it is a place where you can test your javascript.

  2. How do you open the Console in Google Chrome?
    A: Open the browser. Click on the three dots in the upper right hand corner. Click on “More Tools” then “Developer Tools”. Finally, click on the “Console” button.

  3. What does console.log function do?
    A: It’s a way of working with javascript by logging it in the console. For example, you can perform math functions or write text.

  4. How can you change the contents of an HTML page through the console?
    A: You can write javascript code in the console which gets inserted into the HTML (which you can see via the “Elements” page. It will only make changes in the browser; your original HTML file will not get modified.

1 Like
  1. the Console provides you 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.

  3. It prints output to the console.

  4. We can edit HTML contents double clicking the tag, element, or content we wish to edit in the Elements tab and entering the new data in.

1 Like
  1. The console is used for testing and debugging our JavaScript code. We can also inspect HTML and CSS or analyse network activity.
  2. To open the console in Chrome you need to find menu signified by three vertical dots in a row. Then select More Tools -> Developer Tools.
  3. It is used for printing the results to the console. It is useful for testing and debugging functions.
  4. If we want to play around or test something we can change it directly in a DOM via Inspector/Elements panel. But to save changes we need to edit our HTML file.
1 Like
  1. Can be used to log info 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 pages context. Essentially you can write, manage, and monitor JavaScript on demand.

  2. Menu / More tools / Developer tools / Select console.
    or CTRL + Shift + J on Windows / Linux

  3. Console.log function is mainly used for code debugging as it makes JavaScript print the output to the console.

  4. You can open up the console and begin working with JavaScript to modify the page.

1 Like
  1. The console is used for to interact with the web page. It essentially gives the user the ability to Write, manage and monitor Javascript on demand.
  2. CTRL + SHIFT + I (Windows)
  3. logs info/DATA in the console
  4. By doubling clicking on the code lines in the element tab and then change.
1 Like
  1. Log information and interact with a web page, along with the ability to write, manage, and monitor JavaSctip on Demand

  2. FireFox Browser the Console can be found via the Navigation Menu > Web Console or using F12 Key
    Chrmoe Browser the Console can be found via the Navigation Menu > More Tools > Developer Tools or using F12 Key

  3. Allows the user to work with JavaScript without pop-up alerts allowing the user execute multiple JavaScript code lines without interruption

  4. With the use of properly formatted HTML tags and CSS descriptors

1 Like
  1. What is the console used for?
    We can use the console to experiment with Javascript within the content of the webpage. Developers use the console for on demand control of Javascript implementation, which helps with the development process.

  2. How do you open the Console in Google Chrome?
    Go to the menu icon and go to “More Tools” and then “Developer Tools.” This opens up a panel that has the Console tab. Click on the Console tab to access the Console.

  3. What does console.log function do?
    console.log logs the output value

  4. How can you change the contents of an HTML page through the console?
    Navigate to the part of the webpage that you want to make a change using the inspector. Double click on the element that you want to edit. Make the change and press enter, and the changes should be viewable.

1 Like
  1. What is the console used for?
    To view the page code, inspect elements,debug or even test new code on the page.

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

  3. What does console.log function do?
    Creates output (f.eg print text)

  4. How can you change the contents of an HTML page through the console?
    Click on what you want to change and then write new code

1 Like
  1. The web browser console helps execute and troubleshoot HTML, CSS & Javascript code in real-time.
  2. To open the console in Brave I need to go Menu-More tools-Developer tools.
  3. The console.log function writes the output of the command to the console.
  4. We can change the contents of a page directly in the console.
1 Like
  1. The console allows you to interact with the current loaded web page, such as write, manage, and monitor JavaScript on demand.

  2. Use the F12 key or open Other Tools - Developer Tools - click the tab for Console.

  3. Console.log allows the programmer to log data or objects into JS. It outputs the information to the Console.

  4. You cna use elements like document.createElement() or by going to the elements section in the console and double clicking what you want to change.

1 Like
  • The console is used to write out arguments to a text output device. You can execute JavaScript on demand.

  • You can access console in Google Chrome by any of the following:
    1- go to browser menu, more tools, developer tools
    2- on Linux or Windows press CTRL + SHIFT + J on macOS press CTRL + OPTION + J
    3- press F12

  • console.log function is used to work with JavaScript by logging it to the console

  • You can change the contents of an HTML page through the console by first opening the page in the web browser, then access console by one of the above listed methods. From there you can make edits.

1 Like
  1. What is the console used for?

    • Inspect the Document Object Model, debug, and analyze network activity.
    • Log information, interact with web page.
  2. How do you open the Console in Google Chrome?

    CTRL+SHIFT+J / CMD+OPT+J
    Top-right menu -> More Tools -> Developer Tools -> Console

  3. What does console.log function do?

    Printing output in the console instead of triggering pop-up alerts.

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

    By leveraging the ‘document.body’ javascript command prefix.

1 Like
  1. What is the console used for?
    Answer: 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?
    Answer: In Google Chrome, you open the Console by navigating to the Menu, then to More Tools, then to Developer Tools, then to Console tab. Or you can use the shortcut key COMMAND + OPTION + J on mac.

  3. What does console.log function do?
    Answer: The console.log function allows you to test code in real time through a terminal shell interface.

  4. How can you change the contents of an HTML page through the console?
    Answer: You can change the contents of an HTML page through the console by writing Javascript expressions in the console window or you can use the DOM to identify and edit HTML elements.

1 Like
  1. What is the console used for?
    the console is used to enter javascript commands

  2. How do you open the Console in Google Chrome?
    F12 on windows and Option+Command+J on Mac

  3. What does console.log function do?
    write messages to the console

  4. How can you change the contents of an HTML page through the console?
    By appending elements to the Html document with javascript commands.

1 Like
  • What is the console used for?
    Console is used to write, manage, and monitor JavaScript on demand
  • How do you open the Console in Google Chrome?
    Go to menu> More Tools> Developer Tools then a panel will open up and you go to Console or Crtl+Shift+J
  • What does console.log function do?
    Allows you to work with Javascript by logging in the Console instead as a pop up alert
  • How can you change the contents of an HTML page through the console?
    Using document element in the console
1 Like
  1. It is used in webbrowsers to provide an interface for developers for working with javascript
  2. Menue->More Tools->Developer Tools
  3. Instead of having windows pop up, .log function allows working within the console
  4. Open up desired HTML-File, open the console and type in desired change, i.e. document.body.style.backgroundColor=“XY” to change backgroundcolor to XY, but changes will be reverted once the page gets refreshed
1 Like
  1. For any interaction with a web page such as writing managing and monitoring Javascript
  2. ctr + shift + j
    3.logging into the console.
    4.right click over the element that you want to change and select “inspect”.
1 Like
  1. The console is used for interacting with your web page and testing out JavaScript commands inside your web browser.

  2. cntrl + shift + J

  3. prints results to the console

  4. by using Javascript commands

1 Like
  1. Console is for monitoring, writing, managing and testing code
  2. ctrl+shift+i
  3. logging information to the console
  4. by going to the console :slight_smile:
1 Like