Console - Reading Assignment

  1. The console is used to interact with the elements of the webpage or to execute functions

  2. CMD + Option + J for Mac, CTR + Shift + J for Windows/Linux, Menu/More Tools/Developer Tools/ Console Tab

  3. The console.log function allows the developer to output data in the JS Console.

  4. You can change the contents of an HTML page by using the Element panel inside Chrome or the Inspector Panel inside Firefox, in the console.

1 Like
  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 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?
    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.
    (after that click console TAB)

  3. What does console.log function do?
    It can perform math.
    It outputs(the math or message) to the console

  4. How can you change the contents of an HTML page through the console?
    by changing the contents of the webpage in the console. for instance inserting it in the body element.

1 Like
1. What is the console used for?
    1. Allows you to interact with a web page in real time using Javascript functions and log information to aid development.
2. How do you open the Console in Google Chrome?
    1. CTRL + SHIFT + J or navigate to Developer Tools
3. What does console.log function do?
    1. Allows you to work within the console by logging Javascript code.
4. How can you change the contents of an HTML page through the console?
    1. The console allows you to temporarily edit the contents of a HTML page with Javascript. Once you refresh the page, the HTML contents will revert back to the original.
1 Like
  1. The console is browser built-in development tool which aids the development, evaluation and debugging of a web page project.

  2. If you’re using Chrome or Brave Browser, you can open it by clicking on the hamburger icon in the top right, then “more tools”, then “developer tools” or you can simply press command + option + I if you’re on Mac (don’t remember the shortcut for Windows or Firefox as I don’t use them).

  3. console.log prints/outputs the argument inside the parenthesis onto the console log.

  4. You can change them by using the console as you would use Atom to write your Javascript code or also by heading onto the elements tab (chrome or brave browser) and double clicking on the elements you want to change.

1 Like

1.- It’s used for writing, managing and monitoring Javascript on demand
2.- CTRL+SHIFT+J
3.- Log the content into the console output
4.- Through the DOM (Document Object Model) using JaveScript

1 Like
  • What is the console used for?
    To test out live edits of a website.

  • How do you open the Console in Google Chrome?
    Under More Tools>Dev Tools or Ctrl+Shift+J

  • What does console.log function do?
    Displays the output to the console.

  • How can you change the contents of an HTML page through the console?
    Under the Inspector tab.

1 Like

[quote=“ivan, post:1, topic:3109”]

  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 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. How do you open the Console in Google Chrome? I’m using brave browser but the settings are identical. I click on the menu tab, then more tools, then developer tools. Or the shortcut is: CTRL + SHIFT + J

  3. What does console.log function do? It allows you to to input commands into the javascript so you can see what the changes might look like.

  4. How can you change the contents of an HTML page through the console?
    [/quote] “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. In this case, once you reload the page it will return to a blank document.”

1 Like

the Console provides you with the ability to write, manage, and monitor JavaScript on demand.

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.

Console.log will allow JavaScript logging it to the console e.g. print strings, perform math and working with multiple lines with variables.

Contents of an HTML page cannot be changed through the console.

1 Like
  1. The console allows you to manage javascript code within the context of the browser.

  2. Cmd+ Option +J on Mac / CtRL + shift + J on linux or windows or Customize-more tools-developer tools

  3. Allows you to run javascript code.

  4. By opening and using the console you can modify html code from within the browser.

1 Like

*** What is the console used for?**
it is used to write and manage the javascript on demand using a live test page
*** How do you open the Console in Google Chrome?**
you go to tools more tools then developer or control +shift +j
*** What does console.log function do?**
it eliminates the pop ups and allows you to continue working throught the console
*** How can you change the contents of an HTML page through the console?**
by using java script you can change the content of the html page through the console and test changes

1 Like
  1. Console is used to test out/try out java script on the fly
  2. CTRL + SHIFT + J on windows
  3. allows us to eliminate the pop up and allows us to see the result within the console
  4. Doubleclick on elements inside the DOM node and change them, or to just add javascript code to the console
1 Like
  1. What is the console used for?
  • The console serves as a shell to type and try out Javascript code
  1. How do you open the Console in Google Chrome?
  • You can open the console in Chrome with the F12 button
  1. What does console.log function do?
  • The console.log function allows you to receive outputs within the console
  1. How can you change the contents of an HTML page through the console?
  • Changes to the contents of an HTML can be achieved by means of double clicking the specific content of the element in the console
1 Like
  • What is the console used for?
    to execute Javascript commands within the webpage
  • How do you open the Console in Google Chrome?
    -press ctrl+shift+J or press F12
  • What does console.log function do?
  • logs information into the console to check variable or result
  • How can you change the contents of an HTML page through the console?
  • inspect the element
1 Like
  1. The console allows you to interact with a web page by carrying out JavaScript expressions
    2 In chrome this can be found by selecting ‘Developer Tools’ found in the navigation menu on the top right of the browser.
  2. console.log logs in text to the console and math
  3. You can modify a page with the document element.
1 Like

Hello Everyone,

  1. To write, manage and monitor Javascript on demand

  2. Ctrl+Shift+ I

  3. It prints out the output of the code

  4. By using the document object with some functions

1 Like
  1. What is the console used for?
    Console provides you with the ability to write, manage, and monitor JavaScript on demand.
  2. How do you open the Console in Google Chrome?
    custom>more tools>developer tools OR ctr+shit +I
  3. What does console.log function do?
    outputs to console
  4. How can you change the contents of an HTML page through the console?
    you can use elements such as document.createElement() to modify html code on page
1 Like
  1. console is used to enter commands, and display output that does not show up on the website such as error message, debugging and output of commands.

  2. in chrome you can go to the menu " “more tools >” | “Developers Tools” or Cntl Shift i

  3. console.log() will output text to the console screen. This is great for debugging and logging inside a JavaScript program.

  4. in the console screen you can change things in the website by specifying the variable in the browser such as the page’s background colour by accessing this variable: document.body.style.backgroundColor. everything in the website is under the “document” object. The console screen has type ahead feature to help find the right variable.

1 Like
  1. What is the console used for?
    It can be used to log JavaScript development and enable direct interaction with a web page. 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?
    Navigate by right-clicking on the screen and click on “inspect”.

  3. What does console.log function do?
    It provides you with a space to try out JavaScript code in real time via a shell-like interface environment. Basically, it will print your written message to the console.

  4. How can you change the contents of an HTML page through the console?
    You can’t. But you could save the code and upload it to a new website or overwrite your own previous code in your saved file.

1 Like
  1. Console provides you with the ability to write, manage, and monitor JavaScript on demand.
  2. menu - more tools - developer tools - console or CTRL + SHIFT + J on Linux or Windows, or COMMAND + OPTION + J on macOS
  3. used to login to the console
  4. you can make modifications in the console or DOM but they will not be saved in the HTML code
1 Like
  1. What is the console used for?
    is 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. How do you open the Console in Google Chrome?
    navigate to the menu at the top-right, select More Tools then Developer Tools.
  3. What does console.log function do?
    log in to the console
  4. How can you change the contents of an HTML page through the console?
    Element panel enable you to inspect and edit DOM elements and also let you identify the HTML related to an aspect of a particular page
1 Like