Console - Reading Assignment

[Petr_Hajdusek]

1. Within the Console, you can type JavaScript code.

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

3. It logs the information to the javascript console

4. inspect element, in console double click at the element or hit ‘edit element’ edit it and click somewhere else.

[CarlosKoljonen]

1. What is the console used for?

The console is a built-in tool within browsers in order to essentially provide you with the ability to write, manage, and monitor JavaScript on demand. In other words, it allows 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?

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.

Shortcut: COMMAND + OPTION + J on macOS, but also COMMAND + OPTION + I.

3. What does console.log function do?

It prints.

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

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.
It changes it directly through the console within the web browser. It is important not to reload the page, as it will reload it to when before the changes in the console were made.
The Console provides you with a space to experiment with modifying HTML pages, but it is important to keep in mind that you’re not changing the HTML document when you do things on the Console.

[rlbarnes]

1. What is the console used for?
   Provides a medium to interact with the JavaScript code of a webpage and the ability to read, write, change, debug and program the JS code.

2. How do you open the Console in Google Chrome?
   Several, but the easiest on Windows is: CTRL + SHIFT + J, or the F12 key.

3. What does console.log function do?
   It’s used to display any predefined variables or needed output messages to a user

4. How can you change the contents of an HTML page through the console?
   In the same Dev Tools box, click on the Elements Tab which displays the “changeable only till refreshed” HTML code. A good tool for developers to check and improve the code before a program rewrite.

[Jorenso]

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. In Chrome, you navigate to the menu at the top-right of your browser window signified by three vertical dots in a row. From there, you select More Tools then Developer Tools. This will open a panel where you click on Console. Or you use keyboard shortcut CTRL + SHIFT + J on Linux or Windows, or COMMAND + OPTION + J on macOS.

3. Console.log function is used to execute the code within the console and shows the results of your inputs.

4. Right click & select "inspect“ with chrome.

[lordMACIEJ]

1. Console is used to monitor the status of the network, or computer.
2. On windows you can just press ctrl+shift+j
3. It logs a message to the debugging console
4. You can interact with the page through the DOM or the elements of the page

[FlyingDutchman]

Lesson 4: Reading Assignment – Console

Try to answer the following questions:

1. What is the console used for?
   The console provides you with the ability to write, manage and monitor JavaScript on demand. You can use it for logging information and for interacting with webpages using JavaScript.

2. How do you open the Console in Google Chrome?
   On MacOs in browser press Command + Option + J or go to upper right corner and press three vertical balls icon, click on More Tools, click on Developer Tools, click on Console on top.

3. What does console.log function do?
   The console log function writes a message to the console and provides a value for your function input. It uses the variables in the function to come up with an answer.

4. How can you change the contents of an HTML page through the console?
   By using Javascript expressions in the console window you can change the contents and the structure in the HTML page. You can also use the DOM (document object model) to identify and edit HMTL elements. Right click and select “inspect” with Chrome. Any changes made through the console are not permanent and will revert to the original version once the page is refreshed.

[Dougal]

1. What is the console used for?
   Console allows the ability to write, manage, and monitor JavaScript on demand within the browser

2. How do you open the Console in Google Chrome?
   Top Right three dots, open, more tools, developer tools, console

3. What does console.log function do?
   Allows one to experiment and try out steps within HTML pages

4. How can you change the contents of an HTML page through the console?
   By opening the DOM (Document Object Model) Tree via the Inspector or elements and make changes.

Question - apparently reloading the page reverts to the saved version of the HTML. I didn’t see an obvious save as HTML option which would save changes made. Does one have to copy and create a new HTML file?

[silver7]

1. The console is used to experiment with what you want to do with your website.
2. The keyboard shortcut is CTRL + SHIFT + J, while you can also navigate via the menu button at the top right corner of the browser, select ‘more tools’, then ‘developer tools’, and the Console should be obvious.
3. It allows us to work with JavaScript by logging it to the Console.
4. Via the ‘Elements’ tab.

[don.bastiano]

@ivan

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?
2. How do you open the Console in Google Chrome?
3. What does console.log function do?
4. How can you change the contents of an HTML page through the console?

1. For debugging ( you can locally write JS code for a web page, test and inspect the web-page) Console is a part of dev. tools (inspect element… in the browser).
2. CTRL+SHIFT+J
3. It writes the info to JS console and it prints the outcome (good for testing).
4. In the console you can run some lines of code, in inspect elements you can additionally change some parts of the page. To keep the changes you need CTRL S the page locally or on the server which you have access to.

[Narnia]

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

How do you open the Console in Google Chrome?
Since I am using windows, I will use CTRL + SHIFT + J on Chrome.

What does console.log function do?
If we log in with console.log, we can work directly with JavaScript and not have to deal with pop-up alerts.

How can you change the contents of an HTML page through the console?
Load an HTML file into the browser, then open up the Console to begin modifying it with JavaScript.

[Pita]

1. What is the console used for?
The console provides a user the ability to write, manage, and monitor JavaScript in real time by letting the user use an environment similar to a terminal shell interface.
2. How do you open the Console in Google Chrome?
To open the JavaScript Console in Chrome:
1. Navigate to the Menu at the top-right of the browser window (signified by three vertical dots in a row.)
2. From there, select More Tools, then Developer Tools.
3. Click on Console along the top menu bar to bring up the JavaScript Console (if it is not already highlighted)
Alternatively, the JavaScript Console can be opened by using the keyboard shortcut CTRL + SHIFT + J on Linux or Windows, or COMMAND + OPTION + J on macOS.
3. What does console.log function do?
The console.log function allows the user to work with JavaScript within the console, allowing the user to test code on demand.
4. How can you change the contents of an HTML page through the console?
Contents of an HTML page can be changed through the console by entering code directly on the lines of the console, or by editing the code in the Inspector (Firefox) or Style (Chrome) tabs located in the console.

[Ali504]

1.console test and monitor Javascript within the loaded pages.
2.chrome menu->more tools->developer tools
3.console.log give you output of (input)
4.Start a webpage in Atom (or an other text editor) save it as html, open it in a browser and open the console then put in your javascript.

[Snorlax66]

1. the console provides you with the ability to write, manage and monitor JS on demand. log information as part of the JS development process and interact with a web page.
2. navigate to the menu at the top right of the browser (3dots), more tools, developer tools. Now a panel opens were u can click on Console along the top menu to bring up JS console.
   shortcut? ( CTRL + SHIFT + J)
3. the console.log function alows u to make changes to the website without new pop-up alerts keep poppin up. the output of the log function will be contained within the console.
   4.Javascripst commands alow u to edit the html page.

[Bull75rm]

1. It is used to execute Javascript commands within the webpage
2. You have to navigate to the menu at the top-right of your browser window, and from there, you have to select More Tools then Developer Tools.
3. console.log outputs to console
4. By using the document object and modifying it

[brednad]

1. The Console provides you with the ability to write, manage, and monitor JavaScript on demand.
2. CTRL + SHIFT + J for Linux/Windows, and COMMAND + OPTION + J for Mac
3. it lets you log commands into the console.
4. By editing data in the DOM (Document Object Model)

[Francine]

1. What is the console used for?
   The console is a tool used to inspect the DOM, debug, and analyze network activity.
   It can be used to log information as part of the JavaScript development process, as well as allow me to interact with a web page. It allows me to write, manage, and monitor JavaScript on demand.

2. How do you open the Console in Google Chrome?
   I have a few different options, depending on my browser and/or operating system:
   In my case, using chrome, I can right click, select inspect and click on the tab that says console OR click on the three dots on the top right of the browser, then select More Tools, then Developer Tools. I could also hold CTRL + Shift + K if my operating system is Windows.

3. What does console.log function do?
   Within it, I can type code, I can inspect code, debug, and analyze network activity.

4. How can you change the contents of an HTML page through the console?
   I can’t change a page through the Console, but I can experiment.
   As an example: I can save an HTML file, and load it into the browser of my choice, then use the Console to work with JavaScript to modify the page and test different codes. I can experiment with content and styles.

[inzhagey]

• What is the console used for?
  Allows you to test what Javascript you wrote and how it looks.

• How do you open the Console in Google Chrome?
  Menu - More Tools - Developer Tools

• What does console.log function do?
  Stop pop up alerts and see the code in the console.

• How can you change the contents of an HTML page through the console?
  Go to Elements in the console and change the code there.

[Chris_Goldman]

@ivan

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?
2. How do you open the Console in Google Chrome?
3. What does console.log function do?
4. How can you change the contents of an HTML page through the console?

1. The console is used for making changes to the code of a webpage in real time for debugging purposes mainly but you could use existing webpages as a starting point to some extent with this method as long as copyrights were taken into consideration,

2. In Google Chrome you open the console CTRL + SHIFT + J

3. console.log function logs messages to the debugging log. They are normally not visible on the webpage itself unless you append data found here to the document.body.

4. You can change webpages easily in the Element editor section of the debugging panel. Here you can hover over an element and it will show you where the webpage will be affected if that certain code is changed.

[rzkv]

1. What is the console used for?
The console is used to log info as part of the Javascript dev process and interact with the web page using Javascipt expressions.

2. How do you open the Console in Google Chrome?
Either through the developer tools menu or ctrl+shift+j on windows or cammand+option+j on mac.

3. What does console.log function do?
Console.log outputs whatever is used with the console.log function to the console.

4. How can you change the contents of an HTML page through the console?
You can either use the elements tab to edit as HTML or use javascript in the console to change HTML elements.

[BC_Hallick]

1. What is the console used for?
   you can type javascript code, it provides you with the ability to write, manage, and monitor JavaScript on demand.

2. How do you open the Console in Google 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. What does console.log function do?
   you can type JavaScript code, inspect the code.

4. How can you change the contents of an HTML page through the console?
   You have first to save the html file, then you can open up the Console and begin working with JavaScript to modify the page.