Console - Reading Assignment

  1. provides the ability for us to write, manage and monitor javascript on demand.
    2.click the righthand corner of screen goto more tools to developer tools /console (microsoft edge)
  2. allows you to output javascript to the console
  3. document command
1 Like
  1. It is use to ype Javascript code and to modify or experiement changes or to have an insight of how a webpage is build.

  2. Ctrl + shift + I

  3. It can do complicated math and tell you the date ^^

  4. document element (document.(…))

1 Like
  1. The console is an interface that allows you to monitor, write code and interact with a html page.
  2. By accessing the developer tools tab - 3 dot > more tools > developer tools.
    3.the console.log function complete the task on the console and not the webpage.
  3. You can edit in console however the changes wot be saved and once the pge is refreshed it will revert to original.
1 Like
  1. What is the console used for?
    The console is a tool in the browser that allows to send JS commands directly to the actual website.

  2. How do you open the Console in Google Chrome?
    CTRL+SHIFT+J

  3. What does console.log function do?
    It responds the result of the request in the console window

  4. How can you change the contents of an HTML page through the console?
    You can insert the script code directly, this will change the website temporary until you refresh the page.

1 Like
  1. What is the console used for?
    The console is primarily a development / debug tool. You can use the console to understand what is behind a page that is causing it to load the way it does and it also allows you to enter statements that make changes in real time to study the effect of those statements

  2. How do you open the console in Google Chrome?
    There are several ways. “more tools -> Developer tools -> console” or (on mac) “COMMAND+OPTION+J” on PC “CTRL+SHIFT+j”

  3. What does the console.log function do?
    When you specify console.log this directs the output result of the statements to the log. The effect my be seen on the web page but a result statement will be posted to the log itself.

  4. How can you change contents of an HTML page through the console?
    The console allows you to enter commands that directly affect the page you are on. You can change colors, text verbiage, all sorts of things. The changes are immediate but as soon as you refresh the page the changes are gone. It also by passes the need for interaction back from the web page itself, it just finishes the function posting the result in the log.

1 Like
  1. What is the console used for? To have easy access to the code and allows manipulation, editing of code from there and can be easily tested. It shows you the error, bug it generates.
  2. How do you open the Console in Google Chrome? Ctrl + Shift + J
  3. What does console.log function do? It gives you a result of the request in console window
  4. How can you change the contents of an HTML page through the console? You can easily make is there. Amending any aspect of the page will be immediately visible however once you refresh it without saving it’s gone.
1 Like
  1. What is the console used for?

The console is used to see, write and alter Javascript in real time in your browser.

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

Top right > more tools > developer tools. Right click, then ‘inspect,’ ‘console.’

  1. What does console.log function do?

It prints input to the console.

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

Save HTML file and load it into browser, then open up console and use Javascript to alter the page.

1 Like
  1. What is the console used for?
    Console allows you to test and monitor javascript within the loaded pages context.
  2. How do you open the Console in Google Chrome?
    Right click on the web browser screen and go to inspector and goto console
  3. What does console.log function do?
    That’s function will stdout off the what you what to see on the console
  4. How can you change the contents of an HTML page through the console?
    Using the ‘document.’ object
1 Like

What is the console used for?
Gives you the ability to mange the JavaScript on demand.

How do you open the Console in Google Chrome?
Left Click 3 tabs on top righthand corner >More tools>Dev tools>Console.

What does console.log function do?

  • Print message that needs to be displayed to user.
  • Logs data.

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

Elements>Double clicking on the element you wish to edit.

1 Like
  1. the console is an interface to write, monitor and maintain Javascript
  2. in chrome, go to menu upper right and click on wrench or web developer and then console
  3. console.log allows input of instruction output of results without having to enter and leave the console
  4. open the HTML page and then open the console to insert Javascript into the HTML document and monitor program results. this does not change the HTML page
1 Like

1R: The Developer Console is where you can work with JavaScript in an interface similar to a terminal shell

2R: 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.

3R: is the command to logging it to the Console

4R:

1 Like

1: A console is used for interacting with the website at the level of its code.

2: f12

3: consoleLog will output data into the javaScript console.

4: Change the HTML by accessing the elements tab in the console window or directly using javaScript in the console.

1 Like
  1. It let you work to an environment similar to terminal shell.
  2. you go to the browser(firefox)-web developer -web console
    3.let you interact directly with the console and log in to it.
    4.you can also work within the context of an HTML file or a dynamically-rendered page in the Console. This provides you with the opportunity to experiment with JavaScript code within the context of existing HTML, CSS, and JavaScript.
1 Like
  1. It is a developer’s tool used to work with JavaScript among other uses. You can log information, write, manage and monitor JavaScript.
  2. Cntrl + Shift + J or you can access through the menu by selecting Developers Tools and choosing Console.
  3. It allows you to work with JavaScript without running it on the page.
  4. By writing JavaScript code to change or add various elements such as changing the background color, text color, adding HTML text.
1 Like
  1. Consoles are used to write manage and monitor Java on demand.

  2. command option j

  3. No idea because it keeps giving me VM337:1 Uncaught SyntaxError: Unexpected identifier so if anybody can explain?

4.No idea because it keeps giving me VM337:1 Uncaught SyntaxError: Unexpected identifier so if anybody can explain?

i need help here is a screen shot what am i messing up at.
need help

Q1. What is the console used for?
A. The console can be used to edit the html file, live without saving the editing in document.

Q2. How do you open the console in google chrome?
A. HOLD Ctrl + Shift + I

Q3. What does console.log function do?
A. We can edit live without refreshing the browser.

Q4. How can you change the contents of an HTML page through the console?
A. Using Javascript allows us to that.

1 Like

Could you elaborate more or provide screenshots or code snippets so that we know what you are facing ?

@Fox_Hound, Please double check your syntax for the code.

Yours - let p = document.createElement("p); //you missed the double quotes at the end
Correct - let p = document.createElement("p");

Hope this helps.

Happy learning!

2 Likes

Thankyou! helped a lot

  1. It lets you run, test and examine JavaScript code directly in real time. You can also dynamically experiment with JavaScript on an existing web page.

  2. The three dots in the right corner → More Tools → Developer Tools

  3. It writes the output of JavaScript code within the console

  4. By writing JavaScript commands in the console, such as document.body.innerHTML or document.body.style.color

1 Like