Console - Reading Assignment

[barney]

Reading Assignment: Console.

1. What is the console used for?
   The Console is used to log information as part of the JavaScript development process, as well as allowing to interact with a web page by carrying out JavaScript expressions within the page’s context.
   Essentially, the Console provides the ability 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.
   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.
   It’s also possible to just use keyboard shortcut;
   For Windows and Linux it’s CTRL+Shift+J
   And for MacOs it’s Command+Option+J

3. What does console.log function do?
   Rather than have 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 and have the Output in a print format.

4. How can you change the contents of an HTML page through the console?
   By use the JavaScript “document” command.
   F.ex. document.body.innerHTML = "<p>This is will be a paragraph text.</p>"

[SopheeDee]

I have an extremely basic question here, since I’m an absolute beginner in learning programming.

I’m not sure I understand the actual use of the console… Is it more or less like a testing ground for your code? Or will I understand more as I move forward into the course?

Any feedback is more than welcomed.
Thanks in advance

[KristianR]

@ivan

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. Console is used for write, monitor and manage JS on demand
   
   
2. To open console there is option with shortcut ( CTRL + SHIFT + I ) or a way through menu->more tools->developer tools

3.It allows the user to display outputs on the console itself


4. By using JavaScript or HTML code through console, but as soon as it reloads the page it goes back to original page which is stored on the server. But if we had authorization we could alter page through the console itself.

[Saguzi]

1. To write, manage and monitor JavaScript in a webpage.

2. Open developer tools within Chrome. Keyboard shortcut CTRL + SHIFT + J

3. It allows you to work with JavaScript within the console.

4. Through writing JavaScript into the console you can change elements of the webpage.

[SimpleSimon]

Q1: What is the console used for?
A1: The Console provides the ability to write, manage, and monitor JavaScript on demand

Q2: How do you open the Console in Google Chrome?
A2: Top-right menu (signified by three vertical dots in a row) -> More Tools -> Developer Tools
or keyboard shortcut CTRL + SHIFT + J on Windows (which I’m using)

Q3: What does console.log function do?
A3: console.log function outputs command (including multiple line) results to the Console

Q4: How can you change the contents of an HTML page through the console?
A4: Contents of an HTML page can be changed by double-clicking a chosen element inside the “Elements/Inspector” (Chrome/Firefox respectively) tab/panel in the console

[Rybeck10]

1-console allows you to execute javascript in your web browser, including html’s that you have made.
2-in menu go to, more tools, then developer tools.
3-console.log allows you to use javascript console
4-to amend the html format you can use the elements tab and double click anywhere you want to edit.

[Deutsch]

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?

Menu>More Tools>Developer Tools

3. What does console.log function do?

Allows viewing outputs from input language without needing to click through or complete GUI tasks.

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

By saving the file and then loading into a browser. Changes made after loading into a browser are not saved automatically and will revert to original when closed.

[suhan_kim]

1. What is the console used for? Console provides you with the ability to write, manage and monitor Javascript on a website.
2. How do you open the Console in Google Chrome? Menu -> developer tools, then a window will popup, there is alist on top and one of them is console. OR ctrl+shift+j
3. What does console.log function do? one example of it is not having pops on alter that you need to click out of.
4. How can you change the contents of an HTML page through the console?
   by directly putting in lines of code in HTML then clicking enter

[n1g3]

1. The console is used for executing javascript in the current webpage’s context. Information can also be output to the console by javascript, and it is where errors and warnings will be displayed.

2. F12 for me currently (using Windows keyboard on a Mac).

3. It logs whatever is between the parentheses evaluates to to the console.

4. You can use one of the document.getElementBy methods to get a reference to an element on the page, and change the element’s contents. if using jQuery you can use $(’#element’).html(‘content to set’)

[Verses]

• 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?
  you can either use the shortcut Ctrl + Shift + J or you can click the 3 lines in the right-hand corner and then click on more tools and then Developer Tools.
• What does console.log function do?
  It shows you what the text looks like before you decide to put it on the Webpage.
• How can you change the contents of an HTML page through the console?
  by editing the code directly in the HTML if you do it in the console it will revert back into its original state and it wont save any of the things you did in the console.

[Jmroach]

1. Gives you the ability to write, manage, and monitor Javascript on demand.
2. CTRL + SHIFT + J on Linux and Windows, or Command + Option + J on mac
3. Used to print any kind of variables defined before in it or to just print any message that needs to be displayed to the user.
4. Using the document element inside the console.

[cryptochef]

@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. It’s a shell interface and can be used to log information as part of the JavaScript development process, as well allows the user to interact to interact with a web page carrying out JavaScript expressions within the page context. It essentially provides the user with the ability towrite, manage and monitor JavaScript on demand.
2. Navigate the menu at the top-right of the web browser window, signed by three vertical dots in a row. Then select more tools, then developer tools. This will open a panel where you can click the console tab along the top menu bar. Also it is possible with the command: ctrl+shift+j
3. it avoids continuous pop up alerts displayed in the page.
4. *create an html document in atom.
   *load it up to the browser
   *open the console
   *interact with it

[WhitneyPaterson]

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?
   Click on the three vertical dots in the upper right hand corner of the browser window. Scroll down to more tools. Select developer tools. Command+Option+J

3. What does console.log function do?
   Provides the user with a space to try out JavaScript code in real time.

4. How can you change the contents of an HTML page through the console?
   A user can open a HTML page in a browser. They can then edit the HTML page by entering Javascript within the console.

[Chazzman22]

1. the console is a place to write, inspect, and deploy Js in your Browser.
   2.Browser: Menu, More Tools, Dev Tools
   Microsoft: CTR + SHIFT +J
   Mac: CMD + OP+ J
2. console.log() will display info of the input
3. DOM

[markonosuke]

1. Console is used to write, manage, and monitor JavaScript on demand.
2. CTRL + SHIFT + J
3. It gives you an output in the console.
4. By using Javascript commands in the console.

[thecil]

@SopheeDee

I’m not sure I understand the actual use of the console… Is it more or less like a testing ground for your code?

Hey @SopheeDee, hope you are well.

It is like a testing ground, where it can show you an expected result or the an error that you could have in the code. Aslo it can be used to define testing enviroments and try them without modifying the actual code.

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

Carlos Z.

[SopheeDee]

Thanks alot @thecil, your answer and feedback is much appreciated!

[yllee9127]

1. Console is a component in web browser similar to command prompt in Windows or shell console in Unix that allows JavaScript to be executed, debugged, and tested.

2. Right click any empty spaces in Google Chrome and click Inspect, then click Console.

3. Console.log outputs values to web browser’s console.

4. This can be done through the document object.

[Davey-Py]

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?

-Click on the 3 vertical dots on the top right of your Chrome web browser.
-Then click on More Tools.
-Next, click on Developer Tools.
-Finally, click on the console tab.

-Alternatively, on Mac, press: option + command + j
on Linux/Windows: press: Ctrl + Alt + j

What does console.log function do?

-Console.log logs results to the console

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

-We can do this by entering JavaScript commands into the console.

[LenoraEl]

1. What is the console used for? The console is used to log info as part of the development process. It allows you to interact with the web page and experiment with the content on demand.

2. How do you open the Console in Google Chrome? Click menu (3 dots in top right) go to “more tools” and then to “developer tools” You can also use “command + option + J” when using a Mac OS.

3. What does console.log function do? Allows you to log Javascript to the console so that you can experiment with different modifications.

4. How can you change the contents of an HTML page through the console? You cannot actually change the contents of the HTML page through the console. All of the modifications you make will be gone and the page will return to the original state once it is refreshed.