Console - Reading Assignment

What is the console used for?
The Console is used to write, manage and monitor JavaScript, log information during the development process and interact with a web page using JS

How do you open the Console in Google Chrome?
Ctrl+Shift+J or Chrome Options - More Tools - Developer Tools - Console

What does console.log function do?
Lets us log into the Console to test changes and JS commands without having to navigate pop up alerts.

How can you change the contents of an HTML page through the console?
By accessing the DOM (Document Object Model) via the Console and editing the HTML code or utilising JavaScript commands. These edits are not saved however, and a reload of the page will revert to its original state.

The console (ctrl+shift+k on firefox, ctrl+shift+j on chrome) allows you to apply javascript live to a web page.

The console.log function will log results in the console, rather than the default display. This is useful if you want to see reduced output to verify code.

You can change the contents of an HTML page by appending elements to the HTML file. You’re not changing the HTML structure, but you’re using JavaScript to write the HTML (instead of writing it yourself).

  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.
  2. I am using Mac OS and hot command “Option”+“Command”+I
  3. The console.log() is a function in JavaScript which is 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. Via “Elements”. Just clicking for example on h1 tag and can change it to h5 as example.
  1. The console is used to log information as you develop your Javascript. It also allows you to interact with web pages as it can carry out expressions within the pages context. You can monitor your changes in real time on a temporary basis.
  2. In chrome you can open the console by clicking on the three dots in the upper right hand corner of the browser then navigate to more tools and then developer tools and then click the console tab.
  3. Console.log allows the code to be ran without the annoying pop up alert that would have to be clicked each time you run code.
  4. You can change the contents of an HTML page by loading the page into your browser and then opening the console. One in the console you can then modify the content.
  1. What is the console used for? The Console provides you with a space to experiment with modifying HTML pages
  2. How do you open the Console in Google Chrome? Option command J
  3. What does console.log function do? Logging into console
  4. How can you change the contents of an HTML page through the console? Using java script.
  1. 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.you can navigate to the menu .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.
3. It logs Javascript into the consule.
4.More Tools-Developer Tools - Elements. Everything is presented in an HTML mode. Double-click the selected HTML element and make changes

1 The console provides you with the ability to write, manage, and monitor JavaScript on demand.
2. ctrl+shift+j
3. console.log lets you log in the information that will be visible on the website. It is the way to build the ‘raw’ informational part of the message.
4. In the ‘Elements’ section of the Console.

  1. It is used to modify the web pages through JavaScript commands without changing the HTML file so when you reload the page it won’t be changed.
  2. ctrl+shift+j
  3. console.log prints on the console the input you give him. For example console.log(“Hey”) will print Hey in the console.
  4. You can use a different commands depending on what you want to change. For example you can use document.getElementById(“element_Id”).remove() to remove the element that has the Id you fill in.

1.The console can be used to interact with the web page, and execute javascript commands and functions
2.go to the options tab to the top right of the web page and select console
3.the console.log function lets you work with javascript
4.you can change the contents of an HTML page through the console by selecting “document” inside the console

I was following along the reading material on How to Use JavaScript Developer Console and entered the following:

  • let d = new Date();
  • console.log("Today’s date is " + d);

As opposed to the output printing today’s date, I got the following instead.

VM49:1 Uncaught SyntaxError: Identifier ‘d’ has already been declared
at :1:1

Can anyone tell me what this means and why this might be happening?

  1. The console is used as a playground to try stuff, to experiment
  2. cmd + alt + j
  3. console.log allows to print text into the console
  4. thanks to innerHTML method
  1. What is the console used for?
    Adding / testing JavaScript code on the fly while the web document is open in the browser

  2. How do you open the Console in Google Chrome?
    Crtl+Shift+J

  3. What does console.log function do?
    Return the output of a command in the console

  4. How can you change the contents of an HTML page through the console?
    By utilizing the Document.* and it’s sub-methods

  1. The console is used for trying out commands in real-time. Alongside it you also have the inspect function which lets you change existing code and network which lets you analyse response times for example.
  2. Right-click the page and go to developer tools.
  3. It tells the command to give the result in the console instead of on the page.
  4. If you want to change the already existing content you can go to the inspector, or highlight what you want to change on the page, right click and then inspect.
  1. Used to write, manage and monitor Javascript
  2. Ctrl + Shift + I
  3. Outputs information to the console
  4. By activating the “Elements” Panel in Chrome or the “Inspector” Panel in Firefox. A DOM (Document Object Model) is created each time a web page is loaded and can be viewed and edited within the aforementioned panels.
  1. What is the console used for?
    To interact with the webpage in javascript.
  2. How do you open the Console in Google Chrome?
    Right clic and inspect.
  3. What does console.log function do?
    It print something in the console.
  4. How can you change the contents of an HTML page through the console?
    With document.body.innerHTML = "HTML HERE";
  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 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. How do you open the Console in Google Chrome? To open Console in Chrome, you can navigate to the menu at the top-right of the 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 COMMAND + OPTION + J on macOS, which will bring focus immediately to the Console.
  3. What does console.log function do? Gives us, in the own Console, the output of written commands.
  4. How can you change the contents of an HTML page through the console? Saving it, because as soon as you reload a page following modifying it with the Console, it will return to its state prior to your modifying the document, so make sure to save any changes you would like to keep elsewhere.
  1. The console provides you the ability to write, manage and monitor Java Script o demand.
  2. CTRL + SHIFT + I
  3. Console.log is used to output something to the console.
  4. You can insert a document element in console.
  1. The Console provides you with the ability to write, manage, and monitor JavaScript on demand.
  2. cmd + option/alt + J (for mac) or click the menu bar (3 dots top right of page), more tools, developer tools. It may open in elements so you click on console to the right.
  3. Allows you to work with Javascript by logging to console rather than dealing with a pop up as seen when using alert.
  4. Using the Document command.

1.For writing java script code.
2. ctrl+shift+j.
3.Logs the 0utput of javascript.
4. By entering your commands to the console.

  1. What is the console used for?
    allows you to test modifications to a website in real time but does not save these changes
  2. How do you open the Console in Google Chrome?
    ctl+shift+i
  3. What does console.log function do?
    outputs the function within the console
  4. How can you change the contents of an HTML page through the console?
    use the elements tab and double click elements then make any changes you want