Console - Reading Assignment

Javascript Programming
#382
  • The console is used to interact with the system it is based on.
  • I use the Option+Command+J keys on mac to open the console on Chrome
  • console.log allows the js programmer to see the result of its code within the console instead of the web browser window.
  • The content of the DOM can be modified using the command: document.[element].function;
1 Like
#383

  1. Interacting with Javascript code.

  2. Press the three vertical dots in the upper-right hand corner > More tools > Developer tools… or command + option J for us Mac users.

3.Logs the function to the console.

  1. By typing javascript code directly into the console.
1 Like
#384

1.Console used to log the activity during JavaScript development and interacting with the webpage with JavaScript Expressions. Console provide the environment to try the JavaScript code in real time.
2. CTRL + SHIFT + J
3. Give the output of expression in console panel only
4.by using commands like document.body.innerHTML = "

Today’s date is " + d + “

”. The changes we made in console are vanished when we reload the page.
1 Like
#385

What is the console used for?

The console allows you to write, manage and monitor javascript right from your browser. This makes it very easy to experiment and see the the results of your experiment immediately.

How do you open Console in google chrome?

Command + Oprion + J. Or you can use the menu in the top right hand corner > more tools > Developer tools > Then press the console tab at the top of the menu bar

What does console.log function do?

This function prints the output of a piece of code only within the console. This helps you with debugging.

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

You can use the document command

1 Like
#386

What is the console used for?

The console is a shell interface with tools that can be used to inspect the Domain Object Model, debug, and analyse network activity.

It can also be used to interact with webpages using JS expressions using the context of the page.

How do you open the Console in Google Chrome?

Navigate to the menu at the top-right hand corner and click it.(3 vertical dots).

Select More Tools then Developer Tools.

Click Console on the top menu bar.

What does console.log function do?

The JavaScript Console provides you with a space to try out JavaScript code in real time by letting you use an environment similar to a terminal shell interface.

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

By writing JS code you can change the contents of a web page, but it is lost if you do not save it.
It only changes on your machine not on the server.

2 Likes
#387
  1. It allows you to interact with a web page by carrying out JavaScript expressions within the page’s context.
  2. F12 :slight_smile:
  3. Logging to the console.
  4. With the document command.
#388

1.What is the console used for?
The console keeps a record of whatever is happening within our code. We can identify errors within the code by looking in the console, or print certain values using the function console.log

2.How do you open the Console in Google Chrome?
Shift + Ctrl + J

3.What does console.log function do?
It prints out whatever value one puts in the parenthesis.

4.How can you change the contents of an HTML page through the console?
It can be done by typing in document, followed by whatever methods desired. For example,

document.write(YOUR CONTENT HERE);

allows you to write content into the webpage. One can change the background colour by using the code

document.body.style.backgroundColor = "COLOUR HERE";

1 Like
#389

What is the console used for?
It is used to see the background html and other code behind a webpage.
It is also a place where you can write some javascript code and run it in real time to see the result.

How do you open the Console in Google Chrome?
Ctrl + Shft + I

What does console.log function do?
It enables to console to show the result of a piece javascript code in real time.

How can you change the contents of an HTML page through the console?
You can make changes on the page that is loaded into your browser, but these changes are only on your screen. If you F5 and refresh the webpage you are playing with, it will revert to its original state.

1 Like
#390 
What is the console used for?

To access the HTML code of a web page via the web brouser

How do you open the Console in Google Chrome?

Chrome: Ctrl + Shift + J.
Firefox: Ctrl + Shift + K
Alternatively, via the menu / Developer tools

What does console.log function do?

The console.log allows you to write a set of JS instructions (code) within it to thereafter log them collectively to the console

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

Editing can be done in the “Inspector” section. All changed must first be saved to avoid loss

2 Likes
#391
  1. The Console provides you with the ability to write, manage, and monitor JavaScript on demand.
  2. 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.
  3. Logs data.
  4. Using document element inside the console.
1 Like
#392
  1. To write, manage, and monitor JavaScript that’s built into a webpage.
  2. More tools > Developer Tools or COMMAND + OPTION + J
  3. Console.log gives you the result within the console window vs a pop up.
  4. Load an html file and then run JavaScript commands in the console.
#393

What is the console used for?
It is used for to access Javascript on Demand in the Browser

How do you open the Console in Google Chrome?
COMMAND + OPTION + J

What does console.log function do?
The JavaScript Console provides you with a space to try out JavaScript code in real time by letting you use an environment similar to a terminal shell interface.

How can you change the contents of an HTML page through the console?
You can go into the console and write within the code. But you gotta save it because once you refresh all changes are gone

1 Like
#394
  1. Logging information and interacting with website: writing, managing and monitoring JS
  2. View >> Developer >> Developer Tools
  3. Similar to a shell it is possible to use JS in real-time to compute mathematical operations, operate on multiple lines with variables etc. To experiment with an HTML page without actually changing the .html file.
  4. Directly writing the changes into the console. For example, using inspector or clicking on the respective aspect directly on the page to start editing.
1 Like
#395

  1. The JavaScript Console provides you with a space to try out JavaScript code in real time by letting you use an environment similar to a terminal shell interface. 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. 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. You can also enter into the JavaScript Console by using the keyboard shortcut CTRL + SHIFT + J on Linux or Windows, or COMMAND + OPTION + J on macOS, which will bring focus immediately to the Console.

  3. the console.log function serves as a means of printing the text in quotation and performing simple tasks in the console without the need of alerts popping up, which need to be clicked out.

  4. One can also work within the context of an HTML file or a dynamically-rendered page in the Console. This provides the opportunity to experiment with JavaScript code within the context of existing HTML, CSS, and JavaScript. The Console provides 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
#396

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 JaveScript expressions within the page’s context.

2 Ctrl + Shift + I or in the top right 3 dots -> more tools -> developer tools.

3 Basically print out text in a window box instead of pop-ups.

4 By going through the Console and using JavaScript to modify the page. For instance by using

<q> let d = new Date(); <q>)
document.body.innerHTML = "<h1>Today’s date is " + d + “</h1>”

Which replaces the 'd' with todays date.

1 Like
#397

  1. What is the console used for? It can be used to log information as part of JavaScript Development, it also allows to interact with a web page to carry out JavaScript Expression within the page context. It also gives the ability to write, manage, and monitor JavaScript on demand

  2. How do you open the Console in Google Chrome? Go to Menu then to More Tools then Developer Tools. Then click on Console

  3. What does console.log function do? To see the Output on the Console instead of getting a pop up to click out of.

  4. How can you change the contents of an HTML page through the console? You can only temporarily change the contents, once you refresh the page the contents are reverted to what they originally where. In the console using document.body. Can temporarily change the contents through console.

1 Like
#398

  1. The console can be used to interact with, view operation of and provide outputs from your JavaScript code. It can be useful to see the result of real time changes.

  2. The console in Google Chrome is accessed with CTRL + SHIFT + J

  3. console.log(); will output the contents of the “()” to the console

  4. Code such as: “document.body.style.color = “yellow”;” can be entered directly into the console

1 Like
#399
  1. What is the console used for?
  • The console can be used to log info. as part of a development process, interact with web pages, provide you the ability to write, manage and monitor on demand. It can also be used for debugging and so much more.
  1. How do you open the Console in Google Chrome?
  • Ctrl + Shift + J or Ctrl + Shift + I
  1. What does console.log function do?
  • Console.log function avoids pop ups when working with JS, by logging the reply’s within the console.
  1. How can you change the contents of an HTML page through the console?
  • Through the DOM, by using the JS Console after saving your basic html web page file.
1 Like
#400
  1. Console is used to make changes to your website. It helps you see what effects changes in code have on the way your wesite is displayed.
  2. Ctrl + Shift +J
  3. It shows you the reply in the console instead of pop up in the page.
  4. Through the elements panel you can view and edit yours page code
1 Like
#401

1. What is the console used for?
The console is used to use JavaScript to develop a webpage.

2.How do you open the Console in Google Chrome?
Go to the 3 dots in the right upper corner of your pages. Then click on “Meer hulpprogramma’s” and after that on “Hulpprogramma’s voor ontwikkelaars”. (I am Dutch)

3. What does console.log function do?
It keep information on the console without being seen on the webpage.

4. How can you change the contents of an HTML page through the console?
By giving defining a letter. Or via Elements in the console.

1 Like