Console - Reading Assignment

Javascript Programming
#1205
  1. The console 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.
  2. Menu in top right (...) -> More Tools -> Developer Tools, then click on "Console" on the menu bar. The other option is to use the keyboard command CTRL+SHIFT+J
  3. It prevents pop ups by printing the results of a string, or to perform math.
  4. By using the console, you can add JavaScript to the HTML to see what the change look like without actually changing the HTML.
1 Like
#1206

The Console can be used to log information as part of the JavaScript development process or HTML parts.
To open JavaScript console you can press F12 button.
Console.log function print the result.
We are not changing the HTML document when we do things on the console.

1 Like
#1207
  1. What is the console used for? The Console provides you with the ability to execute and monitor JavaScript commands within a webpage.
  2. How do you open the Console in Google Chrome? Select menu in top right corner of browser > Other tools > Developer Tools.
  3. What does console.log function do? log information to the console.
  4. How can you change the contents of an HTML page through the console? One way is to click on an object right click and inspect, this highlights the relevant html, css and JS code, which can then be edited.
1 Like
#1208

  1. What is the console used for?
    The console is used to write, manage, and monitor JavaScript. It allows a user to log information & interact with a web page on the coding side.

  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.

  3. What does console.log function do?
    It allows you to work with JavaScript in real time and get outputs based on the code you write.

  4. How can you change the contents of an HTML page through the console?
    By loading an HTML page in a compatible browser, opening the console and typing in JavaScript code to see your desired changes to the appearance of the HTML page. These changes are not permanent however. Once you reload the page, it will resort back to it’s original form.

1 Like
#1209

The console can be used to read, write, and debug code.

To open the console in google chrome you can go to Menu>More tools>Developer tools you can also press command + option + j on mac or ctrl + shift + j on windows/linux

console.log returns a visual log into the console of whatever was passed into it.

You can directly alter the contents of an HTML through the DOM via the elements panel in chrome and inspector panel in firefox.

1 Like
#1210
  1. The console allows you to write, manage, and monitor Javascript code in realtime.
  2. Access Console in Chrome by pressing: Command + Option + J
  3. The console.log function logs outputs to the console
  4. Changing contents of an HTML page hrough console happens when you use JS to create elements and continue with the markup language.
1 Like
#1211

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

  • What is the console used for?
    It allows you to view the source code for the web page you are on and to modify it without changing the web page on its server. It is a developer tool to help you design and learn from what has been already designed. “Essentially it allows you to write, manage and monitor javascript.”

  • How do you open the Console in Google Chrome?
    Go to menu at the top right signified by three dots. click on it then select, “more tools” then “developer tools” then “console” (quote from assignment)

  • What does console.log function do?
    console.log - logs javascript to the console.

  • How can you change the contents of an HTML page through the console?
    open the console page, copy the code and save it. Then you can open it in a new window, open that console page and edit it to create a new page. The original page that you copied from can not be changed. Once you reload the page it will return to the original.

1 Like
#1212
  • What is the console used for?

The console can be used to log information throughout the JavaScript development stages. We can view its progress and interact with the page by writing and monitoring JavaScript expressions.`

  • How do you open the Console in Google Chrome?
Go to menu (top right) next to address bar depicting three rows of dots

Select more tools

Select Developer tools

Enter the JavaScript Console using your keyboard

Or… use hotkey shortcuts CTRL + SHIFT + J on Linux or Windows, or COMMAND + OPTION + J on macOS
  • What does console.log function do?

It is a function that writes out its arguments, but it is hidden by default. You can view this function by pressing F12 or on a Mac, option 1.

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

You can change and work with existing HTML, JavaScript, CSS, content in the Console by accessing the DOM model. Things you can change for eg. document.body.style.color = “red”;

1 Like
#1213

The console is used to log information…write, manage, monitor JavaScript within a browser.
To open the console in Chrome; click to right menu, scroll down to more tools, then right to developer tools.
The console log function enables you to log into the console and type in JavaScript code.
You can change the contents of an HTML page in the console by using the ‘document’ feature.

1 Like
#1214
  1. What is the console used for?

The console provides a space to experiment with JavaScript while being on a browser.

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

You can open the JavaScript Console by using the keyboard shortcut Command + Option + J on Mac.

  1. What does console.log function do ?

Console.log allows the programmer to try out JavasScript code in real time.

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

Inspect element, in console double click at the element or hit ‘edit element’ edit it and click somewhere else.

1 Like
#1215
  1. The Console provides you with a way to write, manage, and monitor JavaScript
  2. F-12, Control+Shift+J, menu/more tools/developer tools/Console,
  3. It logs information into the JavaScript Console
  4. HTML elements are defined in the DOM and can be modified with JavaScrip
1 Like
#1216
  • What is the console used for?
    ** Real time browser editor/debugger of html including Javascript commands.
  • How do you open the Console in Google Chrome?
    **In Windows, ctrl+shft+J, select console tab. Or Settings ->More tools -> developer tools
  • What does console.log function do?
    **Logs the text, variable, or results of a computation within the Console window.
  • How can you change the contents of an HTML page through the console?
    **Engage various Javascript commands such as "document.’…’ " and element commands to adjust content and appearance. After entering the console commands, the browser’s DOM will present your modified html real time.
1 Like
#1217

What is the console used for?

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?

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.

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.

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

By entering different elements.

2 Likes
#1218
  1. Testing JavaScript, html and other language code in the console
  2. I use Ctrl + Shift + J or F12 But also through Settings > More Tools > Dev Tools
  3. It is a function that logs information
    4. *emphasized text*
  4. By right clicking the console and selecting Edit by Html
1 Like
#1219
  1. For programming Javascript.
  2. Right mouse click, select inspect element, find the console tab.
  3. Prints to the console.
  4. Under the Elements tab.
1 Like
#1220 
1. To see the log of the JavaScript development process and to interact
with the web page. provides the ability to write, manage, and monitor
JavaScript on demand.

2. (firefox) Ctrl + Shift + K

3. it provides a space to try out JavaScript code in real time

4. you can temporarily change the contents of an HTML page using javascript to create certain elements.
1 Like
#1221

Hi @MadAussie , Extremely happy to see your first post on this forum. Hope to see you progress through the courses with zeal and motivation. If any doubts or hiccups, please feel free to reach out to us. We are always here to help. :smiley: Happy Learning ! :slight_smile:

#1222
  1. What is the console used for?
    The console is used to test the code in the web browser
  2. How do you open the Console in Google Chrome?
    Ctrl + Shift + J OR you can go to the 3 dots in the right hand corner of the browser, click on more tools, then click on developer tools.
  3. What does console.log function do?
    It lets you see the output of the code and to test it quickly to see if it works
  4. How can you change the contents of an HTML page through the console?
    Use the element tab otherwise whatever you do in console will no longer be there if you refresh the page.
2 Likes
#1223
  1. The console is used to write, manage and monitor Javascript.
  2. f12 --> console or ctrl + shift + J
  3. It logs into the console?
  4. Inspect and edit by double clicking on element.
1 Like
#1224
  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.

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

To open the developer console window on Chrome , use the keyboard shortcut Ctrl Shift J (on Windows) or Ctrl Option J (on Mac). Alternatively, you can use the Chrome menu in the browser window, select the option “More Tools,” and then select “Developer Tools.”

  1. What does console.log function do?

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.The console . log () is a function that writes a message to log on the debugging console , such as Webkit or Firebug. In a browser you will not see anything on the screen. It logs a message to a debugging console .

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

The DOM node context menu, which you may recognize from the elements panel, is also present in the console panel.

Log a DOM node to the console.

Right click on it.

Select Edit as HTML or Edit Text.

Notice the DOM is updated on the page and also in the Elements Panel.

1 Like