Console - Reading Assignment

[TaahirCrypto]

1.the Console provides you with the ability to write, manage, and monitor JavaScript on demand.
2. menu, more tools, developer tools, click on console.
3. 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.
4. by using javascript to change html.

[sherlock]

1. To execute and test javascript code
2. command + option + j on macOS
3. It logs the output to the console
4. By using the “inspector” function within the console

[jon_m]

Hi @Jody!

Good answers

Just to clarify question 4, have a look at this post.

[jon_m]

Hi @TaahirCrypto,

Some good answers

@TaahirCrypto

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

This actually extends your answer to Q1. What is the console used for?

@jon_m

3. The console.log() function enables information to be displayed on the screen (literally logged to the console ). The information logged is whatever value is defined within the parentheses e.g.

let info = 6 * 3
console.log(info)       // logs "18" to the console

[jon_m]

Q1, 2 & 3

@sherlock

4. By using the “inspector” function within the console

I’m not sure what you mean by “inspector” function…?
In the console, we can change the contents of an HTML page by writing JavaScript code that accesses and manipulates the page’s Document Object Model (DOM) .

[Viktor252]

@ivan

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

1. write, manage, and monitor JavaScript
2. Safari = CMD + option + C
3. try out JavaScript code in real time
4. by telling the console what to write to the html code (DOM) temporally for experimenting

[Jody]

Hey @jon_m, thanks for your feedback. Really appreciate it.

[tmalk]

1. What is the console used for?
   The console is used to write, monitor and manage Javascript on demand.

2. How do you open the Console in Google Chrome?
   Click the three dots in upper right corner, select More Tools and Developer Tools, lastly click Console from the panel.

3. What does console.log function do?
   console.log is used to write into the console.

4. How can you change the contents of an HTML page through the console?
   HTML page can be changed by writing Javascript commands in the console.

[100milesfast]

1. What is the console used for?
   Provides you with the ability to write, manage and monitor Javascript on demand.

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

3. What does console.log function do?
   It allows you to see how things might look and tweak certain items on any website without actually changing or publishing these changes permanently.

4. How can you change the contents of an HTML page through the console?
   By using DOM. For a Mac, I pressed F12, then went over to the console tab and started tweaking with the date and background color like the article went through.

[Troydiesel]

1. The console is used to easily log javascript while programming .
2. To open you click the three dots in right corner , select more tools , developer tools and that opens up a panel that you can now click on labeled console .
3. It allows us to work with the console without having the pop ups to click out of .
4. You can use the console to use javascript to edit the page. It provides you a place to experiment with the HTML page but it does not change the actual page .

[elez]

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?

In the right hand corner of the browser hit " more tools", then “tools development”
Microsoft: CTR + SHIFT + J
MAC: CMD + OPTION + J

3. What does console.log function do?

The log allows you to use JS commands directly to the browser or console.

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

A browser loads an HTML website by creating a Document Object Model of that page. In the DOM, all the HTML elements are defined as objects and can be accessed using JavaScript. The HTML DOM document object is the owner of all other objects in your web page and represents your web page. You can access and modify any element in an HTML page, starting by accessing the document object first. For example

document.createElement(element)
This method creates a new HTML element
document.removeChild(element)
This Method remove an HTML element

[Christian_S]

@ivan

What is the console used for?

It allows you act with JavaScript on demand.

@ivan

How do you open the Console in Google Chrome?

Using the CTRL + SHIFT + J keys, or navigate through the menu to developer tools.

@ivan

What does console.log function do?

Allows you to output into the console itself.

@ivan

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

By using the elements tab and selecting your revision area.

[jon_m]

Hi @Christian_S,

Good answers

Just to clarify question 4, have a look at this post.

[Amri2020]

1.The console allows the developer to use JavaScript expression to build and administrate a web page, or can be used to work with JavaScript code for any software development.

2.Navigate to the menu at the top-right of the Chrome browser window (three vertical dots). From there go to More Tools and then chose Developer Tools, click on it and you will see the open where you click on Console.

3.Its prints text on the web page or it calculate mathematical expression or it executes JavaScript code within existing HTML, CSS ans JavaScript web page or programs.

4.After saved the HTML file, load it with the browser. Then open the Console from there you can change the web pages content by using JavaScript.

[pmensonp]

1. The Console is used to execute javascript commands on the webpage, along with inspecting the elements ands testing the code.
2. For Chrome you would use ctrl + shift + J keys (or F12 key).
3. The Console.log is use to log information to the javascript console
4. We can modify the HTML content using Javascript threw the DOM of the website of which the browser creates.

[Wevlin]

• What is the console used for?
  The Console panel is used to see diagnostic information through logs and interact with the JavaScript of the page you are visiting. For beginners, the Console can be used as a sandbox for learning JavaScript.
• How do you open the Console in Google Chrome?
  Open the Console panel to view logged messages or run JavaScript. Press Command + Option + J (Mac) or Control + Shift + J ( Windows , Linux, Chrome OS) to jump straight into the Console panel
• What does console.log function do?
  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
• How can you change the contents of an HTML page through the console?

To activate this feature, visit a web page and then open the developer console. To open the console in Google Chrome, click menu > More Tools > Developer Tools or press Ctrl+Shift+i.
Once an element is selected, you can interact with it in all kinds of ways. By right-clicking on the HTML in the “Elements” tab and selecting “Edit as HTML

[Tordek]

1. What is the console used for?
It is used in the development process and provides you the ability to write, manage and monitor JavaScript on demand.

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

• In the top right click on the vertical three dots. More Tools > Developer Tools and click on the console tab.
• Press F12 and click on the console tab in the new opened part.
• Press CTRL+SHIFT+J

3. What does console.log function do?
It is used to log to the console directly.

4. How can you change the contents of an HTML page through the console?
By entering commands in the console that change the content.

[Steffen]

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. … --> Tools --> Development Tools --> Tab: Console
   3)input: console.log(“text”); output: “Text” in Console
   input: alert(“text”); output: “Text” in pop-up-window
3. via the Document Object Model (DOM) --> Inspector (in Firefox),
   by clicking on html element like

[jon_m]

Hi @Amri2020,

You’ve generally got the right idea.

Just to clarify what console.log() does:

@Amri2020

3.Its prints text on the web page or it calculate mathematical expression or it executes JavaScript code within existing HTML, CSS ans JavaScript web page or programs.

It doesn’t change the content of the actual web page (HTML document). We have been using document.write() to do that. Neither will it make any changes to the document’s style sheets (CSS). Instead console.log() allows us to check the output of specifc parts of our JavaScript code by printing to the console whatever we define within its parentheses.

Don’t confuse the console, with the actual web page — these are two separate things.

You are right that we can also use console.log() to calculate the output of mathematical expressions

Keep on learning!

[jon_m]

Hi @Wevlin,

Q1 & 2

Q3 …

@Wevlin

• What does console.log function do?
  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

As well as logging messages, console.log() also allows us to check the output of specifc parts of our JavaScript code by printing to the console whatever we define within its parentheses.

Q4 …

@Wevlin

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

… Once an element is selected, you can interact with it in all kinds of ways. By right-clicking on the HTML in the “Elements” tab and selecting “Edit as HTML

Yes, we can change the contents of an HTML page there But this is a different developer tool.
In the actual console, we can do this by writing JavaScript code that accesses and manipulates the page’s Document Object Model (DOM) .