Console - Reading Assignment

[AIDS107]

1. The console allows you to make changes on command while viewing them in real time.
2. Right click, Inspect and then click on console.
3. It logs info in the console window.
4. Double click on the element you wish to edit.

[Jargo]

1. What is the console used for?

The Console is similar to a shell interface, this contains tools to inspect the DOM, debug, and analyze network activity. This 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 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. What does console.log function do?

console.log function writes or ‘prints’ data to the console.

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

You can use the console to input javascript commands that will dynamically alter the html within the page.

[Bitcoin_Bandicoot]

The console is used to write, manage, and monitor Js on demand.

To Open the console in Google Chrome, go to the top right, click on the three dots -> More Tools -> Developer Tools -> Console, or on a MAC, click Command Option J.

The console.log function allows developers to work with JS by logging it to the console, without having a pop-up that you have to click out of every time.

You can cannot change the contents of the HTML page through the console. It is for experimenting with JS. You must save the console contents into the HTML file.

[lordkalvin]

1. What is the console used for?

• “The Console provides one with the ability to write, manage, and monitor JavaScript on demand”
• “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.”

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

• Tri-colon menu > more tools > developer tools
• CTRL+SHIFT+I
• CTRL+SHIFT+J

3. What does console.log function do?

• It allows one to edit data w/in the console, w/o causing pop-up events

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

• For this example we copy n pasted code directly into the console.
• Apparently u can also edit HTML in the “DOM” found on “Elements” tab as well

Additional thoughts //
Thx for this course. I’d often times open up the console by mistake, n wonder what alla gobbledy-gook meant. Just looked like a buncha sci-fi gibberish to me. Now I’m startin to look at this n understand. The feelin is powerful.

@LORDKALVIN -
(tap here to follow me on spotify)

[Erebus]

1. The Console can be used to log information during development, as well as interact with a webpage by using javascript expressions within the context a particular page provides.
2. Open Chrome browser menu, Click “More Tools”, and then select “Developer Tools”
3. The console.log function allows us to test code within the console without taking extra time to close popups/etc. An “invisible sandbox” if you will.
4. You can temporarily use the console to test Javascript/html change. However, if you navigate away or refresh all your changes will revert back to what they were before. In that sense, this is a trick question?

[Ebby]

Thanks for helping Malik!

[FreeBird81]

1. Log information and allow you to interact with a webpage by carrying out JavaScript expressions within the page content. The console provides you the ability to write, manage and monitor JavaScript on demand.

2. Navigate to the menu at the top right of browser window. Then select More Tools the Developer Tools. This will open a panel where you can click on Console.

3. A function in JavaScript which is used to print any kind of variables or to print any message.

4. By using JavaScript commands.

[ionut]

1. The console is used to write comands and interact with your website.
2. Open a random website, you right click, click on inspect and then you click Console.
3. It prints the text between ().
4. You can edit the page design through the Document Object Model tool DOM.

[polky17]

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

2. How do you open the Console in Google Chrome?
    Top-right of your browser window signified by three vertical dots in a row. From there, you can select More Tools then Developer Tools. keyboard shortcut 	CTRL+SHIFT+J

3. What does console.log function do?
   Outputs a message to the web console 

4. How can you change the contents of an HTML page through the console?
   Change the HTML code in the Elements tab.

[theDurkleton]

1. What is the console used for?

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

• The way to the console is: Click on the triple dot in right hand corner, scroll down to “more tools”, left hand side is “developer tools” or the keyboard shortcut: option, command, I for Mac.

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?

• You could then open up the Console and insert commands like:

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

[JuniorB]

1. Console provides you with the ability to write, manage, and monitor JavaScript on demand
2. ctrl+alt+J on Mac
3. console.log logs what we need in the console window
4. by using document object model

[jerre]

1. What is the console used for?
   It is used to verfy and or interact with Javascript on a webpage in real time, it does not save these changes.

2. How do you open the Console in Google Chrome?
   ctrl+shift+I

3. What does console.log function do?
   Displays the output of changes on the console.

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

[Parsh09]

1.The Javascript console of your web-browser can be used to execute Javascript commands within the context of a webpage and/or log information.
2. In the hamburger menu, open More Tools > Developer Tools and click the tab for Console
3. console.log outputs to console and allows to log data to JS Console.
4. Iinspect element, in console double click at the element or hit ‘edit element’ edit it and click somewhere else.

[GahuckImGoofy]

1. The console lets you write, manage, and monitor JavaScript on demand.
2. Click the button at the top right of the page with the three lines, then click on More Tools, then click on Developer Tools OR
   command + option + J (macOS)
   ctrl + shift + J (Linux or Windows)
3. The console.log function gets rid of the pop-up messages after you press enter to run what you have written.
4. You cannot change the contents of an HTML page through the console, the console allows you to experiment with modifying an HTML page but it does not change the contents of an HTML page. If you reload the page, it’ll return to what it was initially.

[k_k]

1. What is the console used for?
   ability to write, manage, and monitor JavaScript on demand
2. How do you open the Console in Google Chrome?
   manu in top-right of browser ->More Tools -> developer tools
3. What does console.log function do?
   console.log function calculate/shows what is inside brackets
4. How can you change the contents of an HTML page through the console?
   by DOM tool

[KoenV]

1.What is the console used for?
It provides the ability to write, manage and monitor JavaScript on demand.
2. How do you open the Console in Google Chrome?
menu ‘3 dots’ in top right corner, then ‘More Tools’, then ‘Developer Tools’
3. What does console.log function do?
It prints any kind of variable or string within the brackets to the user.
4. How can you change the contents of an HTML page through the console?
By using the DOM tree in the Inspector/Elements panel

[Juan_araujo]

1. What is the console used for?
   The Console can be used to log information as part of the JavaScript development process

2. How do you open the Console in Google Chrome?
   In mac, cmd+option+J

3. What does console.log function do?
   Log in us in to the browser console.

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

Using Element beside console in the “developer window” in chrome.

[lmdbuckets27]

@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 a Javascript development tool used for writing , managing and monitoring Javascript within the web page’s context .

2. To open the console on google chrome the user can use ctrl+shift+J for windows and linux or command+option+J on macOS.

3. console.log function can be used to display phrases based on the input and also it can do math.

4. The console can be used to experiment on web pages , but they keep the same content and once you reload the page the code disappears.

[Shakeel]

1. What is the console used for?
   The console is used to execute functions or to interact with a webpage.
2. How do you open the Console in Google Chrome?
   Click on the 3 dots in the top right of the screen, scroll to Other Tools> click Developer Tools and this will open the console.
3. What does console.log function do?
   It logs information to the Javascript console.
4. How can you change the contents of an HTML page through the console?
   The contents of a HTML page can be changed by either clicking on the tag, element or by going into the elements tab and entering the information/data in this area.

[Timbalasian]

Consoles works like opening the hood within a browser and allow you to tune the webpage live.
Menu>More Tools>Developer’s Tools
Console.log displays text and performs math and date functions.
Elements in console modifies the HTML content