Console - Reading Assignment

[rigamortizzz]

1 What is the console used for?
It provides you with a space to experiment with modifying HTML pages
2 How do you open the Console in Google Chrome?
Developer Tools CTRL + SHIFT + J Windows and COMMAND + OPTION + J on
macOS,
3 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.
4 How can you change the contents of an HTML page through the console?
Document Object Model. In the DOM , all the HTML elements are defined as objects and
can be accessed using JavaScript.
The DOM is a tree of Objects and shows the HTML elements within a hierarchical view.
The DOM Tree is available with Inspector or Elements.
These tools enable you to inspect and edit DOM elements and also let you identify the
HTML related to an aspect of a particular page.

[kmilo_Mart]

Thanks for helping me, I was having some issues login in this forum, and so I solved my questing somewhere else, but Found out what you said.

[kmilo_Mart]

1. What is the console used for?
   To type JS

2. How do you open the Console in Google Chrome?
   cmd+option+j (Mac)

3. What does console.log function do?
   to prints inputs on the console

4. How can you change the contents of an HTML page through the console?
   Go to the element panel double click on what you want to modify.

[thecil]

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

@CryptoHero

You may not.

Hello sir, could you please describe a little bit more your answer?

If you have any doubt, please let us know so we can help you!

Carlos Z.

[CryptoHero]

the console is not for making permanent changes, only testing, experimenting and playing around.
yes?..

[DeCryptolorian]

1. What is the console used for?
   The console is used to write, manage, and test out JavaScript on demand.

2. How do you open the Console in Google Chrome?
   On my chrome, I go to the top right hand corner, more tools, developer tools.

3. What does console.log function do?
   Shows or prints the result of the code in the console.

4. How can you change the contents of an HTML page through the console?
   It’s not a permanent change, but you can certainly mess around and save your changes locally. Elements, right click, edit as html.

[ClapTrap]

1. The Console provides you with the ability to write, manage, and monitor JavaScript on demand.
2. F12 key.
3. Logs an output value to the console.
4. You can modify the contents of an HTML page by using the document element inside the console.

[SDoyle]

1. What is the console used for?

The console is a tool used to write and view Javascript code in a browser.

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

In the top right hand corner of the browser, click on the three white dots. Navigate to “more tools” and then click “developer tools.”

3. What does console.log function do?

It provides a view of the code on an existing webpage, or it allows you to try code in a new window.

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

Modify the document of a webpage to try out code and experiment.

[Henk1]

1. What is the console used for?

• To test Javascript code on the web page.

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

• Ctrl + Shift + J

3. What does console.log function do?

• It gives an output on the console

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

• You can use the document object to interact with the page.

[Jesse_Newman]

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.

Click the 3 dot icon in top right corner of screen, click more tools menu then developer tools. You can also do the shortcut by holding ctrl + shift+ J

The console.log() is a function in JavaScript which is used to print any kind of variables defined before it or to just print any message that needs to be displayed to the user.

Edit HTML in the Console Panel

1. Log a DOM node to the console .
2. Right click on it.
3. Select Edit as HTML or Edit Text.
4. Notice the DOM is updated on the page and also in the Elements Panel.

[Kalx1]

1.The console allows you write, manage and monitor javascript on the web browser.
2. You click settings/ more tools/ developer tools/ console
3. It only logs the output to the console.

4. Go to developer tools and click element to interact with HTML or you can use console to interact with html using javascript.

[Travis]

1. A console is basically a terminal for developers to run javascript directly on the webpage.

2. I use the option f12 and select console or you can right click and select inspect and finally click the console . The last way is to click the 3 dots on the top right and select developer tools.

3. console.log is the same as print in python or echo in bash. It will print on the console what you want it to. It can also execute commands and show the results.

4. You can change the contents of and HTML page on the console by using the document option. ie: document.body.innerHTML = "<p>TEST</p>"

[veecat]

Thanks. it took me a while to finish reading because everything was totally new information for me. I may not be understanding most of it, but i know I am learning a bit here and there every time I do so. Thanks.

[val4o]

1. The console provides you with the ability to write, manage and monitor JavaScript code on demand in a web browser.
   2.Ctr+Shift+I and then chose console
   3.It gives the output inside the console instead of a pop up window
   4.You can type JavaScript commands to edit the html page but the changes will not save and as soon as you refresh it will go back to the saved version. To save it, you have to save the html code from the elements tab and upload that file to the website server.

[pascaldeb]

1the console provides you with the ability to write manage and monitor javascript on demand

2 navigate to the menu at the top right of your browser window signified by 3 dots in a row. form the menu select more tools, than developer tools, then click console

3 it will log in the console, we can work with java script bij logging in to the console with console.log

4 you load the page in your browser then op up the console and begin with javascript modify the page…

[Pendar]

1. What is the console used for?

is used to execute Javascript command. (Alert, math, complex math, etc…) These codes are written locally

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

Option+Command+I on Mac (OsCatalina with Brave)

3. What does console.log function do?

Display outputs into console for checking variables locally.

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

Blockquote Command+Option+I to start inspecting and enter Console.
Then use one of these to interact with DOM

[Debbie_Stevens]

The console is used to experiment and change things to see how they will look but it won’t save and change your original document. It can log information throughout the development.
You can open the console by going into the dots at the top right of the browser and developer tools, or control shift + J.
The console.log function is used to write messages in javascript.
You can play around and change the contents of an html page through the console by loading the html page to your browser

[cw82para]

1. It used to write, monitor, and manage JavaScript.

2. Click on three vertical dots on top right corner of browser window then select More Tools and then Developer Tools then from panel that opens click on Console.

3. It writes a message to log on the Console.

4. Go into the console and use JavaScript.

[dAnijboned]

• What is the console used for?
  To check debug (and other type of messages) written by the javascript code of the page.

• How do you open the Console in Google Chrome?
  Pressing F12

• What does console.log function do?
  Print a given message.

• How can you change the contents of an HTML page through the console?
  By accessing and changing the elements using Javascript code in the console.

[AidanH]

1. The console has many purposes. For starters you can use it to work on HTML and script things in a website that aren’t already there. You can also use it for writing JavaScript expressions making it easy to write, manage and monitor the code you wish to type.

2. There are 3 way to open the Console in Google Chrome. The first is to open it using 3 keys, pressing Ctrl+Shift+I at the same time allows you to open it. The second is going to the top right of the browser where there you will see 3 dots. Clicking on that and searching through more tools will bring you to a tab called Developer tools. And finally if you just right click on the page at the bottom of that setting you will see a tab called Inspect. These are the 3 primary ways of opening Console to edit.

3. console.log doesn’t edit things inside the HTML page. Instead it is using the JavaScript Console to output the codes answer you are wishing to find. Whatever you wish to input in the console.log will give you an output in the consoles log(if that makes sense). It gives us the terminal shell of JavaScript.

4. You can change the contents of an HTML page through the console via JavaScript. When using the console.log you are only able to write code inside the terminal shell. However, once you use a script starting with document.body… you are able to start 1)Editing the document and 2)Editing the body inside the document. (Edit things into the body tag). With that script you can add new words or style the page. The possibilities are endless.(Well whatever you can until it caps the 64 bit usage of course. But that’ll take a long time)