Console - Reading Assignment

Javascript Programming
#2252

  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. Essentially, the Console provides you with the ability to write, manage, and monitor JavaScript on demand.

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

  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. It can perform math and work on multiple lines with variables.

  4. You save the HTML file, and load it into the browser of your choice. You can then open up the Console and begin working with JavaScript to modify the page.

1 Like
#2253
  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.
  2. CTRL + SHIFT + J
  3. It allows you to input data in the console
  4. By using JS
1 Like
#2254
  1. The Console is used to interact directly on the HTML page using JavaScript programming language.
  2. In the menu at the top right corner of your browser - More Tools - Developer Tools - Click on “Console”
  3. Allows the programmer to build and insert data into the JavaScript console.
  4. Editing data in the elements tab.
1 Like
#2255

  1. To write, Mange, and monitor JavaScript on demand

  2. Upper right corner click on the three vertical dots. Then go to more tools and click on Developer tools. A panel will open up then click on console.

  3. Where you can test your code to see if it works.

  4. Click the elements tab to change the content of the page

1 Like
#2256

  1. What is the console used for?
    To test and preview html, js and css design and functionality in a real-time development environment.

  2. How do you open the Console in Google Chrome?
    Click on the top-right menu and go to “more tools” and then “developer tools”, or with control+shift+I.

  3. What does console.log function do?
    Allows you to complete a computation or return a value within the Console.

  4. How can you change the contents of an HTML page through the console?
    Double click on the element in the “Elements” section of the developer tools.

1 Like
#2257

  1. What is the console used for?
    To log information and interact with a webpage using JavaScript. The console can be used to write, manage, and monitor JavaScript on demand.

  2. How do you open the console in Google Chrome?
    Click on the 3 vertical dots in the top right corner, select More Tools and then Developer Tools (or command, option and J on Mac). Then choose Console in the menu.

  3. What does console.log function do?
    It allows you to work with JavaScript by logging it to the console and there will be no pop ups to click out of.

  4. How can you change the contents of an HTML page through the console?
    Save the HTML file, load it into a browser, open up the console, and work with JavaScript to modify the page. You can add headings, paragraphs, change the background colour and the text colour, etc.

1 Like
#2258

  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 Java script expressions within the page’s context essentially, the console provides you with the ability to write, manage and monitor Javascript on demand.

  2. Menu - More tools - Developer tools - Console ( On Bar)

  3. It shows you what the output is to your input

  4. you can work within the context of HTML file or a dynamically rendered page in the console. this provides you with the opportunity to experiment with java script code within the context of existing HTML, CSS & Java script.
    Bear in mind that a soon as you reload a page following it with the console, it will return to it’s state prior to your modifying the document

1 Like
#2259

1. What is the console used for?
The Javascript console is a command line interface in our browser that executes snippets of code. It gives you the ability to write, manage, and monitor JavaScript on demand.

2. How do you open the Console in Google Chrome?
⌥ ⌘ J
I like to use the keyboard shortcut to open the developer tools. On Mac, this shortcut is COMMAND + OPTION + J

3. What does console.log function do?
This function writes a message to log on the debugging console to help you visually understand what your code is doing.

4. How can you change the contents of an HTML page through the console?
Within the Console, you can type and execute JavaScript code, changes will not be saved when the page is reloaded. The following code, when executed in the console, adds a paragraph tag to the DOM.
In the Elements tab you can edit html elements by double clicking and updating the text.

// create an element to be added to the DOM:  <p> </p>
let pTag = document.createElement("P"); 

// create a text node on the DOM: "Text to add inside the element created"
let textNode = document.createTextNode("Text inside paragraph tag");

// append the text to the paragraph tag: <p>Text inside paragraph tag</p>
pTag.appendChild(textNode);

// append the new paragraph tag with its text to the document body : 
document.body.appendChild(pTag);
// Text inside paragraph tag (appears on page).
1 Like
#2260
  1. to write, manage, and monitor javascript.
  2. ctl+shift+i
  3. logs info to the javascript console.
    4.by using the documents element inside the console.
1 Like
#2261

  1. Colsole is a development tool that gives you the ability to write, manage and monitor javascript n demand.

  2. F12

  3. It allows you to log into a space to try out JavaScript code in real time by letting you use an environment similar to a terminal shell interface.

  4. By opening up consosle in the brouwser it will allow you to use javascriot code within the existing HTML context. If you want the changes to be perminent then you need to save the changes to another file or copy/paste them into a text editor like atom.

1 Like
#2262
  1. Space for writing test data from JavaScript on the page. Space for running JS code.
  2. F12
  3. It outputs information to the console
  4. Going to Elemenets section in the Console and clicking the element.
1 Like
#2263
  1. Console is a tool integrated in modern browsers, that allows you to instantly see the results of your code.
  2. Ctrl-Shift-J or F12 or rightclick>inspect>console.
  3. The console.log, outputs Javascript code into the console and shows the result.
  4. Through the console you can alter the html page by adding, modifiying the page content, etc.
1 Like
#2264
  1. Most browsers have development tools including Console which allows you to interact with a web page by carrying out JavaScript expressions within the page’s context and basically write, manage, and monitor JavaScript on demand.
  2. Go to browser window top right, signified by three vertical dots in a row. From there, you can select More Tools >> Developer Tools.
  3. It logs or prints a variable or value to the console.
  4. Access the DOM elements of HTML page via Chrome “Elements” panel and edit content.
1 Like
#2266

What is the console used for?
The console is a terminal shell for working with javascript code
How do you open the Console in Google Chrome?
Ctrl+Shift+J
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
How can you change the contents of an HTML page through the console?
Inspect element

1 Like
#2267
  1. What is the console used for?
    Console can be used to log information as part of the JavaScript development process.
  2. How do you open the Console in Google Chrome?
    CTRL + SHIFT + J is the shortcout for windows in chrome
  3. What does console.log function do?
    Outputs information to the console so you can view the changes you are doing
  4. How can you change the contents of an HTML page through the console?
    You edit u der the elements tab and save
1 Like
#2268

To interact with the code of the web page

F12

Gives a value output

Document element inside console

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

You can use the console to insert Java Script code. Additionally, you can view the code used to produce a site that you are viewing to give you insight into how the code is working.

  1. 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. 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:

  1. What does console.log function do?

The Console.log function outputs a message to the web console. The message may be a single string (with optional substitution values), or it may be any one or more JavaScript objects.

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

You can add JavaScript or HTML code through the console.log function.

1 Like
#2270

  1. What is the console used for?
    = The Console can be used to log information, as well as allow you to interact with a web page, it provides you with the ability to write, manage, and monitor JavaScript on demand.

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

  3. What does console.log function do?
    = Displays result within the console.

  4. How can you change the contents of an HTML page through the console?
    = Elements tab in the console, select the element that you want to change.

1 Like
#2271

1* What is the console used for?
2* How do you open the Console in Google Chrome?
3* What does console.log function do?
4* How can you change the contents of an HTML page through the console?

  1. write,and monitor javascript on demand
  2. Ctrl+shift+I
  3. Logs information information to console (adds to database functions)
  4. You can change HTML content threw the DOM
1 Like
#2272
  1. To test run Javascript, write and test your code. Execute functions.
  2. cmd-opt-j, Mac.
  3. logs information into the JS console.
  4. By inspecting the element.
1 Like