Console - Reading Assignment

[tjourneyinge]

1. The console is used to test JavaScript while seeing immediately on the browser the result.
2. Access View > Developer > JavaScript console; or, Command + option + J
3. The console.log function allows us to log information in the console, or even do operations.
4. Open your saved html page with Chrome or Firefox and then access the console. By using JavaScript commands, you can immediately see changes to the page after each enter/return.

[Karen]

1. To assist with web development including styles and debugging as well as inspect network activity.
2. Go to the menu (vertical dots), open more tools, open developer tools, hit console tab or cntrl+shift+j.
3. The text says console.log logs JS to the console. I don’t really understand that part.
4. By changing or adding elements with JS in the console.

[Pman24]

1. The Console provides you with the ability to write, manage, and monitor JavaScript on demand.
2. Menu at the top right and select more tools, developer tools. Or, Ctrl -Shift-J.
3. Within the console you can type Javascript code.
4. 1. You can modify the contents of an HTML page by using the document element inside the console.

[FoxyJackal]

1. The Console allows for Javascript to be executed within a given browser similar to using terminal shell interface on an operating system.

2. You can open the Console by right clicking on a page and selecting “Inspect”.

3. The console.log is a command to execute a value or function in the console.

4. You can do this through Elements panel in Chrome or the Inspector panel in Firefox. Each time a browser opens a web page it creates a DOM (Document Object Model). You can edit contents by interacting with the DOM through the console.

[just_marcup]

1. What is the console used for?
   The console is a tool used 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 your browser window signified by three vertical dots in a row. From there, you can select More Tools then Developer Tools.

3. What does console.log function do?
   The console.log allows us to receive notifications that are on the backend of the program, allow us to see what the computer is doing without having us to interfere with the website itself.

4. How can you change the contents of an HTML page through the console?
   By attaching the innerHTML element to the Body tag of the HTML document we can alter the contents displayed.

[inus12345]

What is the console used for?

• 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.

How do you open the Console in Google Chrome?

• Navigate to the menu at the top-right of the 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
• You can also enter into the JavaScript Console by using the keyboard shortcut Ctrl + Shift + J on Linux or Windows, or CMD+OPTION+J on MacOS, which will bring focus immediately to the Console

What does console.log function do?

• Console.log function is used to run a line of JavaScript console and have the output shown in the console.

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

• To change the contents of the HTML file you can run the JavaScript expression in the console and the contents will change.

[gamo7]

1. The console lets you write, manage, and monitor JavaScript on demand.
2. Menu - at the top-right of your browser window signified by three vertical dots in a row. - Then select More Tools then Developer Tools.
3. Instead of having 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. The Document Object Model lets you change the contents of an HTML page through the console by allowing you to edit the elements and content.

[lalkay96]

1. A console is an interface in between the browser and the webpage. It enables easy and immediate interaction with the webpage.
2. How do you open Control, Shift J.
3. It calculates mathematics.
   4.By navigating to inspector menu in the console.

[Lizette]

1.What is the console used for?
It’s used to monitor, log and write javascript code directly on the web page

2.How do you open the Console in Google Chrome?
In Chrome: Menu -> More tools -> Developer Tools

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 that is not directly on the web browser

4.How can you change the contents of an HTML page through the console?
Through the DOM (Document Object Model). All the HTML elements are defined there and can be changed by using javascript

[Abraham_Kim]

1. What is the console used for?

It’s a developer interface built into most mainstream browsers.

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

Open “Developer Tools” in the Menu (many people have done this by accident before).

3. What does console.log function do?

It allows us to manipulate JS within the console without having to use the Web Browser overlay? I think that’s what it means. Not quite sure yet.

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

Load your HTML page into the console and then use JS to manipulate it. I think that’s it how it works.

[ricosworks]

@niels242

Developer Tools and click the tab for Con

Hey Niels 242 I liked the short answer, can’t you do even shorter by including the below on your point 2 ?
2. F12 on Chrome

[ricosworks]

@Lizette

w do

1.What is the console used for?
It’s used to monitor, log and write javascript code directly on the web page - So cool!

2.How do you open the Console in Google Chrome?
In Chrome: Menu -> More tools -> Developer Tools - F12 right =P

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 that is not directly on the web browser

4.How can you change the contents of an HTML page through the console?
Through the DOM (Document Object Model). All the HTML elements are defined there and can be changed by using javascript

Thanks for your answers, they are all super clear.

[Joe_LeFever]

What is the console used for?
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.
How do you open the Console in Google Chrome?
On the right hand options you go to more tools, and click on developer tools.
What does console.log function do?
Allows logging into the console without popups for every entry.
How can you change the contents of an HTML page through the console?
Save the contents of the HTML file, open it in the browser, then edit through the developer tool options on the browser.

[Michael_Murphy]

1. What is the console used for?
   Mostly for debugging and seeing what’s going on underneath the covers. You can interract with the DOM elements directly.

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

3. What does console.log function do?
   Allows you to write out information from inside the javascript.

4. How can you change the contents of an HTML page through the console?
   reference the element via javascript and change it’s value.
   document.getElementById(‘main-titie’).innerText = “This is a New Titie”;

[Sisterjulia]

1. To inspect the DOM, debug, and analyze network activity.
2. By pressing F12
3. The console.log () method is a great way to display debugging information without disturbing the user.
4. By using “document” element

[Baidis]

1. What is the console used for?
   The console allows for interaction with the browser. Placing console.log(messages) through out a program can also help find what is and is not running in a small program.

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

3. What does console.log function do?
   Prints to console.

4. How can you change the contents of an HTML page through the console?
   Using JavaScript to modify HTML elements. For example changing the colour of <body">" </body">"

[Vantum]

1. The console is used to log information as partof the JS development process, as well as allow you to interact with a webpage by carrying out JS expressions within the pages context. Overall he Console allows a user to write, manage, and monitor JS on demand.

2. On Google Chrome there are three dots you click to access the menu. From there, one hovers over the “More Tools” tab and further into the “Developer Tools” tab, which you then click to open a panel. After opening it, there is a tab titled “Console” which you then click to bring up the JS Console. The shortcut to this feature can be used by pressing CTRL + SHIFT + J on Linux or Windows, or COMMAND + OPTION + J on macOS.

3. Console.log allows a user to log Javascript to the Console instead of having to click in and out of pop-up alerts everytime. This also allows you to try out JS code in real time.

4. You can change the contents of an HTML page in the console by using Javascript in the Console to experiment with different actions and appearances of the document.

[TNP]

1. What is the console used for?

Since JS is natively managed by browsers we can use the console as part of the development process and interact with the webpage even, carrying out JS expressions within the page’s context. It allows to write, manage, and monitor JS on demand. It can be used to try out JS in real time in an environment similar to a terminal shell interface (like the cmd in Windows).

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

Either go to the menu of the browser then more tools then developer tools, or CTRL+SHIFT+J, or F12 then press console.

3. What does console.log function do?

The console log allows to send JS command and see the output of the command within the console rather than the webpage, which might prompt us to perform an action to move forward. If we do not use the console.log function, and simply send a JS alert we see this the alert on the webpage.
using the console.log we have the output directly in the console

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

The console allows you to change the page and experiment. The changes performed on the page are not permanent. Should we reload the page, it will go back to what it is saved as in the html file we are using. To experiment send commands to the webpage using JS sent through the console. to change existing elements, which is also possible, you can right click or select the element and click on edit.

[MFLittle]

• What is the console used for?
  It provides an environment similar to a terminal shell where you can experiment with Javascript and execute javascript commands. You can also experiment and change the DOM via the console.

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

• What does console.log function do?
  Logs the output to the console, as opposed to an alert, which displays the information in a pop-up

• How can you change the contents of an HTML page through the console?
  By changing attributes of the document object model.

[ricosworks]

JavaScript - 14. while loop and the difference from for loop

While and For loops well explained!