Console - Reading Assignment

[Tom_Cain]

1. What is the console used for?
   The Console provides the user with the ability to write, manage, and monitor JavaScript on demand.

2. How do you open the Console in Google Chrome?
   On chrome you click the 3 dots on the top right hand corner, click more tools and click developer tools. From click “console”

3.What does console.log function do?
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.

4.How can you change the contents of an HTML page through the console?
By modifying the text in the consol, this is not permenant unless we have the saved file.

[Konzaih]

1.) To interact with a Webpage. Write, monitor and manage JS on demand.
2.) By clicking F12 or Ctrl+shift+i (Google Chrome)
3.) Can give a result/output to an expression
4.) In the console you can try out JS in real-time. You can work within a html file through the console, but the console cant overwrite the file → changes wont be saved.

[karips]

1. The console is useful to log your website, interact with existing functions and variables with a terminal interface and debug more easily.
2. F12
3. Prints the input in the standard output (console).
4. By modifying the DOM using document selectors.

[benj]

1. What is the console used for?

The console is used to test JavaScript and interact with HTML and CSS without changing the source document. It can also show network requests made along with the Document Object Model.

In addition, the DOM can be used for numerous things such as analysing technical issues with websites. It can also find xpaths and CSS extractors for custom extractions, data scrapes and for use in dynamic variables in Google Tag Manager.

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

Right click > inspect

3. What does console.log function do?

It writes output to the console display (or log).

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

You can change it in any way you want through the use of objects and variables. HTML can also be edited manually when viewing the DOM.

[DigitalDad]

What is the console used for?

• It can be used to log information for development and check within a webpage’s context when using JavaScript expressions.

How do you open the Console in Google Chrome?

• Go to the menu --> More tools --> Developer Tools --> Console tab (CTRL+SHIFT+J)

What does console.log function do?

• It outputs information to the console

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

• Next to the “Console” tab is the “Elements” tab within which is the html document. (CTRL+SHIFT+I)

[pod]

1. The console is used to interact with a webpage using JavaScript in real-time
2. Menu -> More Tools > Developer Tools
3. console.log outputs the results of a give function to the console rather than the web-page
4. By passing JavaScript commands through the console

[MattB]

1. The console allows you to interact with a web page and carry out java script programming within the page.

2. Click on the three vertical dots at the top right of the page. Select more tools, then developer tools and click on console.

3.The console.log function will allow you to log information to the javacript console.

4. By clicking the elements tab,you will be able to to inspect and edit dom elements of an HTML page.

[Roman_Mazuryk]

. *What is the console used for?
It enables the possibility to write, manage, and monitor JavaScript on demand.

. *How do you open the Console in Google Chrome?
CTRL+SHIFT+I

. *What does console.log function do?
Logs the info to JS console

. *How can you change the contents of an HTML page through the console?
Console provides the ability to play with HTML element by changing/editing them and seeing the result at once (without impacting the source code)

[RichardMicallef]

What is the console used for?
Console gives you the ability to write, manage and monitor JavaScript on demand in the Web browser

How do you open the Console in Google Chrome?
From the three dots at the top right of your browser then select more tools and then developer tools, then under the console tab. shortcut= ctrl+shift+J

What does console.log function do?
You call log code into to console and also avoid pop up alerts

How can you change the contents of an HTML page through the console?
You can test and experiment changes to the HTML page in real time through console but once refreshed the web page will return its original state, you would need to save it elsewhere if you want to keep the changes.

[BlissBang]

1. What is the console used for?
   The console provides the opportunity to write, manage and monitor Javascript when it is needed.

2. How do you open the Console in Google Chrome?
   Click on the three dots, then more tools, then dev tools.

3. What does console.log function do?
   It connects to Javascript.

4. How can you change the contents of an HTML page through the console?
   To live-edit a DOM node I double-click a selected element and then can make changes.

[G_Rett]

1)What is the console used for?
• The console gives you the ability to write, manage, and monitor Javascript on demand.

2)How do you open the Console in Google Chrome?
• To open the console in Chrome you click on the three vertical dots on the top right corner of your browser, then select “More Tools” and then “Developer Tools”. After that it will bring up a panel where you can click on console along the menu bar. Or, you can do CTRL + SHIFT + J on Linux or Windows, or COMMAND + OPTION + J on macOS.

3)What does console.log function do?
• It logs you into the Console so that you can work with JavaScript

4)How can you change the contents of an HTML page through the console?
• By working with JavaScript in the open console to modify the page

[Pecorino]

1. What is the console used for?

2. Log information as part of the javascript development process and interact with a web page by carrying out javascript expressions.

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

4. Ctrl + shift + J

5. What does console.log function do?

6. It logs the element into the JS console

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

8. The console allows you to modify the loaded web page but it is not permanent. It will come back to its original HTML format once the page is reloaded.

[AFatuliaj]

1. The console is used to edit JavaScript and make the website “smarter”
2. You can open the console via ctrl+shift+j
3. The console.log function logs the outputs of the javascript
4. By opening the console and editing using HTML x Javascript language

[REGO350]

1. The console is used to log information such as variables at a certain point of phase. It is very useful for debugging.

2. On MacOS, fn+f12 then select console.

3. console.log() prints variables or string inside the curly bracket to the console. It is like printf() in C language.

4. For example, if you want to write hello world to HTML through the console,

document.body.innerHTML = "<h1>Hello World</h1>"

[Zakzub]

[quote=“ivan, post:1, topic:3109, full:true”]
Welcome to the discussion thread about the Console. Leave your answers to the questions below in this thread. If you have any questions or you want to discuss something connected to the assignment feel free to do it in this thread as well, but please everything to the topic.

1. 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. Importantly, 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?
   To 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, select more tools, then developer tools. This opens a panel where yon can click on console along the top menu bar to bring up the JavaScript console if it is not highlighted already. You can also open the JavaScript console by using the keyboard shortcut CTRL+SHIFT+J on Linus or Windows or COMMAND+OPTION+J on macOS, which will bring focus immediately to the console.

3. What does console.log function do?
   The console.log function enables you to print a string without a pop-up that you need to click out of. It can be used to perform math in the console, whether simple or complicated. It also makes it possible to work on multiple lines with variables.

4. How can you change the contents of an HTML page through the console?
   With the console, you can use JavaScript to insert a heading into an HTML page. In addition, using the console you can change the style of an HTML page such as the background color. You can also use the console to add a paragraph to an HTML page.

[BShehaj]

Q: What is the console used for?

A: To log information as part of the JavaScript process. It is a tool built in browsers which works with JavaScript.

Q: How do you open the Console in Google Chrome?

A: The three dots on the top right corner > More tools > Developer Tools > Console or Ctrl + Shift + J.

Q: What does console.log function do?

A: To not have pop-up alerts we input the console.log code. It can also do math too.

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

A: You write it with the Java programming language and it changes. If you refresh the page where you are working with the console, everything will be turned back to the original web coding.

[Denis_Petitclerc]

1. Console is similar to a shell interface, along with tools to inspect the DOM, debug, and analyze network activity, and can be use to log information as part of the JS expressions within the page’s context, essentially, the Console provides us with the ability to write, manage, and monitor JS on demand.

2. First way, click on the three vertical dot - more tools - Developer Tools, and finally, click on Console tag, or by keyboard, shortcut CTRL + SHIFT + J (Linux or Chrome, or COMMAND + OPTION + J (FASTER)

3. -Create an alert that prints out the string alert(“Hello, World!”);
   -Also print the result of evaluating an expression, which will read as undefined when the expression does not explicitly return something.
   -Work with JS by logging it to the Console with *console.log(“Hello, World!”);
   -Use JS to perform math in the Console *console.log(2 + 6);
   -Can work on multiple lines with variables *let d = new Date();
   console.log("Today’s date is " + d);

4. By working with JS to modify the page, using JS to insert a heading into the HTML:

let d = new Date();
document.body.innerHTML = "<h1>Today's date is " + d + "</h1>"

We will receive an output on the Console:

"<h1>Today's date is Sat Jun 24 2017 12:16:14 GMT-0400 (EDT)</h1>"

[Eduardo_Carrillo]

• What is the console used for?
  A tool included in the browser, similar to a shell interface used to log info as part of the JavaScript development process, it essentially provides the ability to write, manage,and monitor JavaScript.
• How do you open the Console in Google Chrome?
  Click in the menu at the top right corner of your browser (3 dots menu) - More Tools - Developer Tools - Click on “Console” tab in the panel it appears.
• What does console.log function do?
  it outputs a message to the web console.
• How can you change the contents of an HTML page through the console?
  Through the elements section in the console

[KHovadablock]

1. The console is used to perform essential tasks for a web page, from logging information during the development stage, to interactions with it afterwards. Or, as the article summed it up, “Essentially, the Console provides you with the ability to write, manage, and monitor JavaScript on demand.”

2. To open the Console in Google Chrome, you click the three vertical dots in the upper right corner of the page, which opens a drop down menu where “more tools” can be selected/highlighted. Highlighting more tools opens up another window where “developer tools” can be selected, which opens up a panel of tools, with the Console being the 2nd option from the left. Or, you can use the shortcut ‘Ctrl + Shift + I’ on a windows keyboard, or, ‘Command + Option + J’ on a Mac.

3. The console.log function allows you to input data into the console, essentially “logging” your commands.

4. The console provides the space and opportunity to experiment with modifying HTML pages, but it doesn’t actually change the document, upon reload it’ll revert back to a blank page, so changes must be saved elsewhere.

[Alex_Chaz]

1. The console is used to Write, Manage and Monitor on demand as part of the JS dev process.
2. Mostly F12 key works… if not, go to options or settings on the browser and look for “more tools” -> DevTools
3. The console.log() is a method that writes a message to the console. is useful for testing purposes. Much like an IDLE console in python.
4. We use JS in the console to write information into the HTML file
   IMPORTANT: save any changes into a proper file! reloading the page we were modifying with the console will return to its state prior to the console modification.