Console - Reading Assignment

  1. Console is used to make changes on the page using javascript code.
  2. Click on settings > more tools > developer tools > select console tab, or press ctrl + shift + I
  3. Console.log will display results in a console window rather then on the page.
  4. You do it by using a javascript functions
1 Like

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

  • What is the console used for?
    Testing and monitoring of javascript on a page,

  • How do you open the Console in Google Chrome?
    Right click > inspect > console.

  • What does console.log function do?
    console.log function allows execution of functions on a page.

  • How can you change the contents of an HTML page through the console?
    Right click > inspect > elements, then make changes to HTML.

2 Likes
  1. The console provides you with the ability to write manage and monitor js on demand.
    It’s also a space to try out js in real-time.

2.ctrl+shift+j in windows
Command+option+j in macOS

3.it logs information to the console.

4.can be changed inside the document element inside the console.

2 Likes

1. What is the console used for?

Console provides you with the ability to write, manage, and monitor JavaScript inside the web browser just like a terminal window.

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

To open the developer console in Google Chrome, open the Chrome Menu in the upper-right-hand corner of the browser window and select More Tools > Developer Tools.

You can also use Option + ⌘ + J (on macOS), or Shift + CTRL + J (on Windows/Linux).

The console will either open up within your existing Chrome window, or in a new window. You may have to select the Console tab.

3. What does console.log function do?

The console. log() is a function in JavaScript that 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 in the console.

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

Edit HTML in the Console Panel

  1. Log a DOM node to the console.
  2. Right click on it.
  3. Select Edit as HTML or Edit Text.
  4. Notice the DOM is updated on the page and also in the Elements Panel.

Edit HTML in the Console Panel of DevTools

2 Likes
  1. What is the console used for?

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

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

Ctrl+Shift+J

  1. What does console.log function do?

Print outputs on console window

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

Use JavaScript to insert a heading into the HTML

1 Like
  1. Console is used for a variety of things. Including inspecting the Document object model (DOM), monitoring network requests, log information for JS development, debugging, testing changes to a webpage etc
  2. Either navigate 3 dots > More tools > Developer tools > console tab. FN + f12 or Cntrl + Shift + J
  3. Using the console.log function provides the output of the JS code in the console.
  4. You can use innerhtml code to modify the html construct of a page. Alternatively, you can make changes to the html / css from selecting an attribute in the DOM tab
1 Like

What is the console used for?
It’s a tool in browsers to interact Javascript of the viewed webpage. U can write, manage, and monitor JavaScript on demand.
How do you open the Console in Google Chrome?
I will find some think like Web Console (Firefox) or tools for developers(Chrome and Brave). I am looking in ☰ menu in the top bar of browsers. And when the developer window open than set the window to operate the console.
I read that nn forefox you can also enter into the Web Console with the keyboard shortcut CTRL + SHIFT + K on Linux and Windows, or COMMAND + OPTION + K on macOS.
What does console.log function do?
Operate a console in javascript. Calculating a input , execute a input etc.
How can you change the contents of an HTML page through the console?
in Console:
let p = document.createElement(“P”);
let t = document.createTextNode(“TEXT”);
p.appendChild(t);
document.body.appendChild§;
In DOM inspector:
Rewrite texts in

1 Like
  1. The console is used to 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. in other words, the console provides you with the ability to write, manage, and monitor JavaScript on demand.
  2. To open the console in chrome, you go to the 3 vertical dots menu in the top right corner of chrome and then go to more tools, developer tools, which will then open a panel where you can open the console. You can also do CTRL + SHIFT + J on Linux or windows and COMMAND + OPTION +J for MacOS.
  3. Console.log puts info into the JavaScript console.
  4. You can change it through DOM.
1 Like
  1. The console can be used to interact with the elements of a webpage.
  2. command+option+J or menu, more tools, developer tools.
  3. logs information into the console.
  4. open the console and double-click the element tab.
1 Like
  1. The Console is used to write, manage, and monitor JavaScript.
  2. You can open the Console in Chrome by pressing command+option+J in OSX.
  3. The console.log function outputs a message to the web console.
  4. You can change the contents of an HTML page through the console by using commands such as document.body.style.backgroundColor = “lightblue”;
1 Like
  1. The Console provides you with the ability to write, manage, and monitor JavaScript on demand.
  2. Click the 3 Botton drop down menu, click more tools, and then click developer tools.
  3. It allows you to log whatever you are programing into the Console.
  4. By using the document.body object in the console.
1 Like
  1. The console is used for logging information as part of the JS development process.
    It is used to interact with a web page by carrying out JS expressions within the pages context.
    It is used to write, manage and monitor JS on demand.

  2. You have to open the chrome Menu in the upper right hand corner, then select “More tools” , then select “Developer tools”

3.The console allows you to log information to the JavaScript console.

  1. You can type in commands into the console, which modify the web page. for example you can use document.createElement() to create an element.
1 Like
  • What is the console used for?
    it is a way to use javascript commands on a specific webpage.
  • How do you open the Console in Google Chrome?
    Command + option + j
  • What does console.log function do?
    Writes out a text or can add numbers together.
  • How can you change the contents of an HTML page through the console?
    right click and hit inspect
1 Like
  1. Can use to execute Javascript commands

  2. under the 3 dots>Other tools>Developer Tools.

  3. Console.log generate output whatever is written between the two () the input.

  4. Change the content by editing the “Elements” tab within the HTML document.

1 Like

What is the console used for?

The console is used to see what Javascript
functions have been ran and if there
were any errors encountered.

How do you open the console in Firefox?

F12 to open the developer tools or
CTRL + Shift + J to open console.

What does console.log do?

console.log can be used to create a
log of messages in your console
to see if a function has ran
successfully.

How can you change the HTML on a page through the console?

document.format-tag.tag = value;

format-tag = head, body or foot.

1 Like

What is the console used for?
The console is used to store information and allow you to interact with the website

How do you open the Console in Google Chrome?
To open the console in Chrome, navigate to the menu in the top right corner signified with three dots, choose “More tools”, then select “Developer tools”.
Or you can type Ctrl + Shift + J to open it

What does console.log function do?
The console.log function prints out the result of a program

How can you change the contents of an HTML page through the console?
By inspecting the page and just change it however you like

1 Like
  1. Console is a development tool on the browser with which developers can try out their code immediately on the webpage in order to see if it is written correctly.

  2. In Chrome you can open the console by clicking on three vertical dots and choosing the option more tools and then developer tools

  3. Console log action puts info for checking out the result of a command.

  4. Using the document object and modifying it through the DOM of the page

1 Like

:rofl: :rofl: :rofl: hamburger menu!!!

The console is used to log, interact with and test the Javascript code that is being used to program a web page.

The console in Google Chrome can be accessed by clicking on the three dots at the top right and clicking on More Tools, then Developer Tools.

The console.log function connects the webpage to the console, which allows you to record, test, and debug data without altering the actual webpage.

You can change HTML contents by saving a modified element in the console.log through the menu or through the Document Object Model in the Inspector panel; if you do not save its the page will revert back to the original version.

1 Like
  1. It’s a tool that lets developers monitor their work. You can write, debug and inspect code in a zoomed in way.

  2. Two ways:

  1. Top right menu of the browser window, the three vertical dots, select more tool then developer tools.
  2. Shortcut way is CTRL + SHIFT + J on Linux/Windows, COMMAND + OPTION + J on Mac.
  1. This lets you code JavaScript without pop-up windows. This is similar to coding in a terminal.

  2. Open up the DOM in the browser, enter into the console. Right click, select edit HTML or Edit text. This will update the page as well as Elements page.

1 Like