Console - Reading Assignment

[predy]

1. The Console can be used to log information as part of the JavaScript development process.
   Provides you with the ability to write, manage, and monitor JavaScript on demand.
2. click on the 3 bullets from right top -> More tools -> Developer option -> click on console
3. when you using console.log, you can print or receive an output direct into console
4. using the documet.body sintax

[Ringo]

[Ringo]

[Ringo]

Console can be used for log info into it and allow web user interact with with webpages to the extend that it allows developer to write manage and monitor javascript on demand.

Using the three vertical dots navigation tag at top right of Chrome browser.

To receive output and perform math.

Console can be freely moved back and forth inside anywhere as in HTML text.

[Morgan]

1. What is the console used for?
   It is used for writing, managing and monitoring Javascript on browser webpages.
2. How do you open the Console in Google Chrome?
   ctrl+shift+j
3. What does console.log function do?
   It eliminates the alert pop-ups that need to be clicked and allows one to work with JavaScript less obtrusively.
4. How can you change the contents of an HTML page through the console?
   I don’t think you can…as a saved function, but that said, you may use JavaScript to modify the page through the console…brain overheating…already.

[PGCodeRider]

What is the console used for?
Console is used for instant access to testing and for interacting with the web page.

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

What does console.log function do?
Prints the string out.

How can you change the contents of an HTML page through the console?
It makes changes to the page without modifying the HTML. In effect all changes are gone once the page is reloaded.

[cryptoyogi]

1. The console is used for interacting with the web page live and testing and debugging via the browser.

2. In chrome you open the console by using control shift J. or navigating there from the menu.

3. The console.log function shows you the function you have called up in the console window, not in the page itself you are working on.

4. you can change the contents of a html page through the console by using the instruction document.body.innerHTML = and then writing what you want to code into the body text.

[Lukas]

1. It is development tool build into the browser. It gives you ability to write, manage and monitor JavaScript on demand.
2. Navigate the Menu in top right corner of the browser. From there select More tools and then Development tools This will open the panel where you click on Console
3. It logs you into the console. Then it allows you to print the strings, perform math tasks or work with variables.
4. You can’t change the content of HTML document through the console. It just allows to experiment with modifying the pages.

[ian]

Reading Assignment - How To Use the JavaScript Developer Console

• What is the console used for?
  • The console enables you to make real-time changes within a web page, such as modifying styles and content and running any JavaScript that you can type or paste in.
• How do you open the Console in Google Chrome?
  • To open the Console in Google Chrome find and click the three vertical dots in the menu and then select More Tools and Developer Tools. A button for the Console will be on the top menu bar.
• What does console.log function do?
  • Sending output to console.log enables the results of the JavaScript to go into the Console instead of into a pop-up dialog box.
• How can you change the contents of an HTML page through the console?
  • You can click on the “Elements” tab in Chrome or Opera, or “Inspector” in Firefox and this reveals the Document Object Model (DOM) where you can click anything and change it. Everything, from these changes and from any JavaScript previously applied will revert back when you refresh the page. Also available here is a button to reveal the style attributes being used.

[Wasil_Sriwi]

1. the console is used to log information as part of the Javascript development process. it allows you to interact with a webpage by carrying out javascript expressions within the page´s context
2. by going to the developer tools in your chrome browser.
3. the console.log function is to output values
4. you can type in the console the following :
   document.body.contentEditable = true;
   now you can just edit directly on your webpage.
   Otherwise in Element right click and select (Edit as HTML)

[Wasil_Sriwi]

@PGCodeRider in fact you need just to save your page (cmd + S) on Mac after editing and there all your changes will be saved

[NEO]

1. What is the console used for?
   The console helps with your development process and allows you to write and make changes whilst you are actually on the page speeding up productivity, its also useful in monitoring and managing your work, whilst keeping a log.

2. How do you open the Console in Google Chrome?
   • You can right click select inspect and console
   • Click 3 dots top right – more tools – developer – tools – console
   • CTRL + SHIFT + J

3. What does console.log function do?
   It allows a script to log data

4. How can you change the contents of an HTML page through the console?
   By entering your desired javascript commands and pressing enter

[Wasil_Sriwi]

for your last answer: just save your page after editing (cmd + S) if you are using Mac and all your changes will be saved

[smiggy]

What is the console used for?
The console allows a user to write, manage and monitor javascript on demand.

How do you open the Console in Google Chrome?
Menu > More Tools > Developer Tools. Then select console along the top menu bar of the developer window

What does console.log function do?
Console.log allows a developer to output items to the console rather than on the website through popups

How can you change the contents of an HTML page through the console?
by using the document.body commands

[Alzi]

1. What is the console used for?
   Console provides the ability to write, manage, and monitor JavaScript on demand. 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.

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

CTRL + SHIFT + J or Menu—> More Tools —> Developer Tools --> Console

3. What does console.log function do?

it creates logs within the Console.

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

For experimental purpose you can modify the page in Console with Javascript but it is important to keep in mind that you’re not changing the HTML document when you do things on the Console.

[Morgan]

thanks Wasil_Sriwi,
I’ll try again!

[SamiPopa]

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. Prints the output inside the Console
4. Load the HTML Page into the Browser, then open up the Console. Use Javascript functions : document.body.innerHTML, document.body.style.backgroundColor etc

[Wasil_Sriwi]

No worries! hope that it helped! good luck

[Bit-Step]

What is the console used for?
The javaScript console can be used to directly interact with a Website. This is commonly used for Debugging.

How do you open the Console in Google Chrome?
Settings → Developer Tools

What does console.log function do?
The console.log function logs outputs to the console.

How can you change the contents of an HTML page through the console
Everything within the HTML document can be accessed through the console via document.***

[kiko99]

What is the console used for?
you can work with JavaScript in an interface similar to a terminal shell
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
What does console.log function do?
logs results into the JavaScript console
How can you change the contents of an HTML page through the console?
JavaScript commands