Console - Reading Assignment

  1. What is the console used for? Debugging, checking, testing the code locally.
  2. How do you open the Console in Google Chrome? Ctrl +Shift + J or F12.
  3. What does console.log function do? Captures the data and outputs the data on the screen.
  4. How can you change the contents of an HTML page through the console? Select any object using inspect element and edit it.
1 Like
  1. Console providws the ability to write, manage, test and monitor javascript codes on demand.
  2. In Chrome: Menu -> More tools -> Developer Tools
  3. The console allows you to issue java script commands directly to the browser or the console itself.
  4. By using JavaScript commands you can edit the HTML page.
1 Like

Wow really well detailed answer, good job @dani88 :heartpulse:

  1. Its an interface available in web browsers where you can work with JS like python shell.
  2. Ctrl+shift+J
  3. Pop up alert
  4. Through JS programming.
1 Like

1: The Console provides the user 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:

3: With this function you can print strings or do calculation and combine these.

4: Open the HTML file on your computer than start the console in Chrome. Now you can start change contents realtime. But it will not save the changes. You have to paste it in the HTML code in the file.

1 Like
  1. Console is a tool offered in many web browsers through which you can edit a java script code. It allows you to interact with the web page by carrying out Java Script expressions within that same page. Kind of like managing JavaScript on demand.
  2. To open Console on Chrome you need to open more tools - developer options - console.
  3. Console.log function logs the console to the javscript functions and hence enables to perform funcitons.
  4. Through the elements tab, by double clicking the html tag to be edited.
1 Like
  1. It is used to interact directly with the browser page after the command of HTML
  2. Press CTRL + SHIFT + J
  3. To connect HTML with the JavaScript and automatically checking errors that can prevent the command to work as it supposed to do.
  4. By enabling the DOM Tree that are available to viewed in Inspector panel in Firefox or the Elements panel in Chrome
1 Like
  1. To test and review both Javascript and html codes on a webpage
  2. I used Brave browser. Click on top right hand menu and click on “more tools” in drop down menu and then click on “developer tools”.
  3. It allows you to check on the output of a javascript code
  4. Technically no. You can only review the changes live on the website, but once you exit the console and reload the website, it will revert to its original state.
1 Like

I am reading my first “Reading Assignment: Console”
All good till I am stuck…

I am following the instructions from, but I duno what I’m wrong?

Some there who is with me ?

Thanks

Hi @kmilo_Mart

I had moved your post to the appropriate topic, for every course in the academy you will find an existing topic in the Forum :wink:

You have this issue because when you are using ‘let’ you are declaring a variable, but you can’t declare multiples variables with the same name in the same console session.

So the first time you will declare your variable

let d = new Date();

If you want to change the value of d you can just do

d = new Date();
2 Likes

1 - The console is used to write and execute javascript within the context of a browser/webpage.

2 - In Google chrome you can right click and go to ‘inspect’

3 - console.log function prints a value to the console

4 - you can use the command document.xxxxxx to edit the document but these commands needed to be added and saved to the source page to be permanent.

1 Like
  1. console = a shill interface, along with tools to inspect the DOM, debug, and analyse network activity.
  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.
    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.
  3. logging it to the Console with console.log .
1 Like

Try to answer the following questions:

What is the console used for?
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 the Chrome browser window on the 3 dots.
From there, you can select More Tools then Developer Tools. in this menu you can click on the console.

Also works this way in the Brave browser.

What does console.log function do?
You are able to work with the JavaScript in the console.log function, instead of having pop up alerts.

How can you change the contents of an HTML page through the console?
By using commands from JavaScript you can edit the contents of a page.

1 Like
  1. Console is used to log information as part of the Javascript process, as well as allow you to interact with the web page.
  2. Top right hand corner where there are 3 dots, click more tools, then development tools. There you will find the console.(Or simply F12 key)
  3. Console allows you to create messages directly to the browser.
  4. Use the Elements tab to change to HTML content.
1 Like

1. What is the console used for?
The console can be used to log information and to interact with the web page. Basically, 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?
Click on three vertical dots on Chrome (up and to right), go to More Tools, then go to Developer Tools. From the horizontal menu, choose Console.

3. What does the console.log function do?
The console.log function allows us to produce output to the console (without using an alert). 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. * How can you change the contents of an HTML page through the console?
Go to the Console section of Developer Tools. Add HTML code and press Enter. This changes the website. When you reload the web page, all changes are gone.

1 Like

The console is used for javascript similar to using a terminal shell but with a lot more functions. You can open the console in google by going to the top right of the browser, tapping the three dots and open the menu, go to more tools than developer tools. The Console.log function can be used for working on multiple lines with variables. You can change HTML content by going to the inspector tab and changing things from the DOM tree.

1 Like
  1. The console is used to log information as part of the Javascript development process. It allows you to interact with a web page by carrying out Javascript expressions within the page’s context. It allows you to write, manage and monitor Javascript on demand.
  2. To open the console in Chrome, you navigate the menu in the top right corner of your browser. You then select More Tools and then Developer Tools.
  3. The console.log function allows you to work within Javascript by logging into the console.
  4. You can change the content of an HTML webpage, through the console, by entering Javascript code. Your changes will disappear when you refresh the page on your browser.
1 Like
  1. The console enables to manage JavaScript on websites.
  2. Top right corner menu - developer tools
  3. It avoid creating outputs in form of pop-up windows but instead displays the output inside the console.
  4. We can copy the the HTML code, load it a browser and change in the browser’s console. We could also change it directly but changes would be lost after a page reload.
1 Like
  1. What is the console used for?
    Allows one to write, manage, and monitor JavaScript on demand. Web page interactions.

  2. How do you open the Console in Google Chrome?
    Top right Vertical dots—>More Tools—>Developer Tools—>Console panel

  3. What does console.log function do?
    Allows real time JavaScript logging and outputs. Must be saved saved or modifications will revert back to original before mods.

  4. How can you change the contents of an HTML page through the console?
    You can use the DOM through inspector or elements depending on your browser.

1 Like
  1. console is used for inspecting the code, executing our own code…
  2. f12 or ctrl + shift + j
  3. executes the instruction in the console
  4. by using the document element in the console
1 Like