Console - Reading Assignment

Javascript Programming
#402

1: The console is used to log information as part of the JS development process, as well as allow us to interact with a webpage by carrying gout JS expressions within the pages content.
2: 3 dot menu in upper right corner>More tools>Developer tools>Console tab
3:Exactly what it says on the tin, logs to the console.
4: Not super sure if I have this correct after reading the answers of others, but from what I understood from the article you CAN’T change the HTML contents via the console, as all changes would be reverted when refreshing. In order to make changes you have to use other development tools.

1 Like
#403
  1. the console allows you to log in info to javascript and you can interact with the page. it allows you to communicate with javascript and make changes.
  2. you can access the console by navigate to the menu, click on developer, then click web console button.
  3. it logs you in to the console so you can edit.
    4.by using the element tab on the console.
1 Like
#404

  • What is the console used for?
    The console is used to provides the user the ability to write, manage and monitor Javascript on demand.

  • How do you open the Console in Google Chrome?
    Using a mac, you type the phrase “ COMMAND + OPTION + J “

  • What does console.log function do?
    The console.log function allows the user to program in real time Javascript like with the terminal shell interface.

  • How can you change the contents of an HTML page through the console?
    You can double click an element and then change the html tag for instance and then reload the page to see the changes on the DOM.

1 Like
#405
  1. To test code
  2. F12
  3. Put output in console
  4. Document command
1 Like
#406

  1. What is the console used for?
    Its a development tool similar to a shell interface. It gives you the ability to write monitor and manage JavaScript.

  2. How do you open the Console in Google Chrome?
    Via the dropdown menu or the shortcut ctrl + shift + J

  3. What does console.log function do?
    It calculates/logs an output in the console.

  4. How can you change the contents of an HTML page through the console?
    By using JavaScript to modify the html code.

1 Like
#407
  1. 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.
  2. F12
  3. Console.log prints out whatever is written between the two ()
  4. inspect element, in console double click at the element or hit ‘edit element’ edit it and click somewhere else. Tho this will not change the original HTML doc and so changes in the console is lost on reload
#408

What is the console used for?

The Console provides you with the ability to write, manage, and monitor JavaScript on demand.

  • Inspect the DOM, debug, and analyze network activity

  • log information as part of the JavaScript development process

  • Interact with a web page by carrying out JavaScript expressions


How do you open the Console in Google Chrome?

Menu ( three dots on top right of the browser ) à More Tools à Developer Tools

Or

CTRL + SHIFT + J


What does console.log function do?

It let’s me try out JS-code in a reallife environment.

  • no changes are done to the html-file though

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

I can make changes in the elements-panel (Chrome)

1 Like
#409

  1. What is the console used for? The JavaScript Console 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 (…ability to write, manage, and monitor JavaScript on demand); console also can be used to log information as part of the JavaScript development process. The Console provides you with a space to experiment with modifying HTML pages.

  2. 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. Another way to open up console — 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. What does console.log function do? 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. How can you change the contents of an HTML page through the console? First (best practice) SAVE your HTML file. Now, l oad it (html file) into the browser of your choice. From here you can then open up the Console and begin working with JavaScript to modify the page. As soon aa you reload a page following modifying it with the Console, it will return to its state prior to your modifying the document; so again [make sure to save any changes you would like to keep elsewhere].

1 Like
#410

Hi Ivan and coders,

this was a interesting insight how to manipulate web pages and their services.
My anwser to your questions are the following:

  1. What is the console used for?

Communicate directly and forcible wiith the browser and/or the web pages and/or services.

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

To open the console in Google Chrome on Windows you need to push SHIFT & CTRL at the same time and then push the “i” key.

  1. What does console.log function do?

This function redirects all commands to the console as text output.

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

Functions like “document.body.innerHTML = …” or for example “document.body.style.color = “white”;” let you change the style and content of a web page on demand.

Cheers,
Kevin

#411
  1. What is the console used for?
    console provide the ability to write, manage, and monitor Javascript on demand.
  2. How do you open the Console in Google Chrome?
    navigate to the menu at the top-right of Chrome signified by three vertical dots in a row,then more tools -developer tools .
  3. What does console.log function do?
    we can make variable’s visible on the console page .
  4. How can you change the contents of an HTML page through the console?
    to Element’s page, then we can change the contents.
1 Like
#412

1- the console is used to debug your javascript programm, it can be used to test javascript code too
2- By pressing F12
3- it outputs what you are passing inside to the console/log function.
4- by modifying the document node

1 Like
#413

  1. The console provides us with the ability to write, manage, and monitor JS code on demand.

  2. Menu/ More Tools / Developr Tools/ Console Tab. We can also use quick keys with microsoft and macs:
    Microsoft: CTR + SHIFT + J
    MAC: CMD + OPTION + J

  3. console.log allows the programmer to log data (or objects in most cases) to the JS 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
#414

1.The Console provides the ability to write, manage, and monitor JavaScript on demand.
2.Navagate to the menu at the top-right of your browser window, select More tools, then Developer Tools, then to a panel you con click on Console.
3.Logs information to the JavaScript console.
4.By using the document command you can type JavaScript code.

1 Like
#415
  1. The console is use to log information and allows you to carry out Javascript commands within the context of the webpage.
  2. You click on the three vertical dots in the top right of your browser, select more tools, then developer tools. From there you click on console.
  3. It logs data to the Javascript console
  4. You can open a HTML file in a browser then use the document to tag to edit
1 Like
#416

  1. What is the console used for?
    To log information as part of Javascript development process, interact with a web page by carrying a Javascript expression within the page’s context, to write, manage and monitor JavaScript on demand.

  2. How do you open the Console in Google Chrome?
    Option + Command + J, or top right of browser Menu (triple dots) > Tools > More Tools

  3. What does console.log function do?
    It allows a script to log data (or objects in most cases) to the JavaScript console

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

  • Highlight content on webpage, right click to inspect element, select html elements to be changed, right click > edit text; or
  • Add javascript in Console within a html page
1 Like
#417
  1. Console can be used for logging information as a part of JS development process to interact with a webpage by carrying out JS expressions within the page context. The console provides you with the ability to write, manage and monitor JS on demand. In the console you can also word HTML file. Keep in mind after modifying HTML with console it won’t be saved after reloading; the HTML page goes back to original.
  2. Chrome menu bar-> more tools ->developer tools ->console tab or F12
  3. Console.log is going to send data to the Console. Logs informations. Browsers are able to communicate with it.
  4. Through Inspect Elements function. In console double click at the element or hit ‘edit element’; edit it and click somewhere else.
    Or use elements as document.createElement()
1 Like
#418
  1. The console can be used to log information in as part of the java-script process.
  2. First, navigate to the menu o the chrome browser. From there, you can select more tools then developer tools.
  3. It helps us log JavaScript into the console. it helps you to provide a space to try out java-script code in real time by letting you use an environment similar to a terminal shell interface.
  4. by using the document element inside the console.
1 Like
#419

What is the console used for?
Debug mode for web pages. Used to test new code without changing the script permanently.

How do you open the Console in Google Chrome?
Right click
choose Inspect option
click Console tab in top right corner of page
F12 button
Various other way’s

What does console.log function do?
Logs the results of evaluating an expression and keeps a .log file to keep track of code that is undefined so that it can be defined at a later time.

How can you change the contents of an HTML page through the console?
Double-Click on the element through the DOM located in the Elements tab. look under Styles tab in Chrome developer tools.

1 Like
#420

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.

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

‘alt + cmd + J’ on Macbook, ‘ctrl + shift + J’ on Windows and Linux

3. What does console.log function do?

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. It is also a feature for debugging purposes.

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

You need to save the html after making changes in JavaScript through the console using ‘document’ command.

1 Like
#421
  1. Console is used to develop code so that it can be executed and viewed.
  2. Cmd + option + j
  3. Puts information into the console
  4. Through the DOM
1 Like