Console - Reading Assignment

Answers

  1. Console can be used to log information during JavaScript development process, as well as allows you to interact with web page carrying out Javascript expression.

  2. You can find the console in Google Chrome on the menu --> more tools --> developer tools --> console tab (CTRL+SHIFT+J)

  3. Console.log is a function in JS that allows you to print some outputs information, depending on the content between the round brackets ().

  4. Each time a web page is loaded, the browser creates a Document Object Model (DOM) of this page. You can modify HMTL contents by using the console or the elements panel on your browser.

1 Like
  1. The console gives you the ability to write, manage, and monitor JavaScript on demand on web pages.

  2. You can simply type CTRL+SHIFT+J, or you go to the three dots (or lines Brave Browser baby!) on the top right of the browser, go to more tools, then developer tools and go to Console tab.

  3. console.log allows you to input code without having a pop up whenever you make an input, instead it prints the output directly into the console.

  4. You can change the contents of an HTML page by using the document element in the console.

1 Like
  1. • 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.
    • To try out JavaScript code in real time by letting you use an environment similar to a terminal shell interface.
  2. F12
  3. This function writes back the action it would perform instead of performing it upon witch you would otherwise need to click to remove it again from the screen. You can work quicker like this.
  4. In the Elements section you can view the whole HTML tree (Document Object Model; DOM), unfold it and modify it by doubly clicking on individual html tags.
2 Likes
  1. The console is used to give the user the ability to write, manage and monitor Javascript on demand.
    2.In Firefox: Go to settings–Developer–Web Console
    In Chrome: Go to settings–More tools–Developer Tools
    On Windows you can use Ctrl+Shift+K
  2. The console.log function is a JavaScript function which is used to print any kind of variable defined before in it or to just print any message that needs to be displayed to the end user.
  3. To change the HTML code you need to double-click on the tag or content you want re-write.
1 Like
  1. The Console is used to Write, Manage or Monitor Javascript.
  2. Menu - More tools - Developer tools - (console tab) OR Shortcut; CTRL+SHIFT+J
  3. Allows us to log inputs/information into the console with Javascript.
  4. By double clicking on the specific element you want to alter via the Inspector / Element Tab.
1 Like
  1. To inspect the JS HTM and CSS code. You can also test out your own code there see how it works on working website.
  2. Settings -> More Tools -> Dev Tools
  3. You can see output of your code in console. You don’t need to test out the code in real time on the website. I would assume it is used to quickly test out if the code works, for time saving purposes basically.
    4.You can write in you code / script into the console and see real time result on working website. You can edit existing code and see the changes right away but whenever you refresh the website all of the changes are lost
2 Likes

What is the console used for?

It can be used in the development process to log information and interact with the page using JavaScript expressions within the pages context.

How do you open the Console in Google Chrome?

On chrome go to the 3 dots in the upper right side. In the drop down menu hit more tools then developer tools. An open panel will pop up and click on console. Or press Ctrl Shift J at the same time on windows.

What does console.log function do?

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

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

Using JavaScript you can modify the pages content and style.

1 Like
  1. previewing potential changes to a webpage
  2. ctrl + shift + i
  3. prints to console
  4. document.body.innerHTML =ā€œblargā€
1 Like

The Console provides you with the ability to write, manage, and monitor JavaScript on demand.
2.
The menu at the top-right, there you can select More Tools then Developer Tools, and click on Console.
3.
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.
4.
You write Javascript into it to solve calculations and show it, so you have a bunch of new possibilities in webpage developing.

1 Like

1. What is the console used for?
The Console is used for logging messages to give you a better idea of what your code is actually doing. The Console is used to interact with a web page by implementing JavaScript expression, but not saving the actual modifications. It used to write, manage and monitor JavaScript on demand. It is part of the developer’s tools.

2. How do you open the Console in Google Chrome?
Customize and Control Google Chrome > More Tools > Developer Tools > Console

3. What does console.log function do?
Is the way of keeping track of your application state without popping up messages and buttons.

4. How can you change the contents of an HTML page through the console?
On Chrome, you can modify the contents by going on the Elements tab. There you can modify the HTML.

1 Like

1. What is the console used for?
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. 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?
To open the JavaScript Console in Google 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. Or you can also enter into the JavaScript Console by using the keyboard shortcut CTRL + SHIFT + J on Linux or Windows.

3. What does console.log function do?
The Console will print a given string or the result of an expression to the Console window and to the file ā€œconsole.logā€.

4. How can you change the contents of an HTML page through the console?
The Console provides you with a space to experiment with modifying HTML pages. But bear in mind that as soon as you reload a page following modifying it with the Console, it will return to its state prior to your modifying the document, so make sure to save any changes you would like to keep elsewhere (for example locally). In HTML, JavaScript code is inserted between <script> and </script> tags.

1 Like
  1. Console is used to interact with a webpage by carrying out JavaSkript expressions within the page’s context. It provides the user with the ability to write, manage, and monitor JavaSkript on demand.

  2. 3 dots menu on the right top corner --> More Tools --> Developer Tools --> Console or
    CRTL + SHIFT + J (Windows or Linux), COMMAND + OPTION + J (MacOS)

  3. Console.log function creates output for the command in the (). It allows developer to avoid pop up windows when they make changes on the website.

  4. By adding JavaScript code

1 Like
  1. The console enables you to manage JAVAScript you can check and change things on demand easily .
  2. You can use the browser window ,select option more tools then select developer tools or
    contrl shift J
  3. The console log is a place where program output goes that is not in the screen for the user to see . (ie; A LOG )
  4. You can change the content by going to the elements section, double click on the element, tag , attribute etc and re-write , it will then change on your document after refreshing .
1 Like
  1. What is the console used for?
    Writing and executing javascript code while you are on a webpage. See the value that have been written to the console.
  2. How do you open the Console in Google Chrome?
    In the hamburger menu, open Other Tools > Developer Tools and click the tab for Console
  3. What does console.log function do?
    It saves information in the console.
  4. How can you change the contents of an HTML page through the console?
    You can write javascript code in the console and with javascript code you can pick elements on the website and add css to those elements.
    Fx your can try write this in the console to change the headertext on the webpage in this course into blue;
    var HotCryptoGuy45 = document.querySelectorAll(ā€œh1ā€)[0]; HotCryptoGuy45 .style.color = ā€œblueā€;
1 Like

Using the Console, we can write, and edit JavaScript and HTML code on the website.

Right click --> Inspect

It logs information to the console without displaying it on the webpage itself.

By double clicking on the elements we would like to change, we can edit the contents of the website.

1 Like
  1. What is the console used for?
    It is used like a shell interface with tools to inspect the DOM, debug and analyze network activity. It can be used to log information along the process of JavaScript development. It provides the ability to write, manage and monitor JavaScript.

  2. How do you open the Console in Google Chrome?
    F12 or go to the 3 Dots in the top righ corner > More tools > Developer Tools > Console

  3. What does console.log function do?
    It does perform JavaScript operations within the console instead of open pop-up alerts.

  4. How can you change the contents of an HTML page through the console?
    Using the document object. e.g. document.body.style.backgroundColor = ā€œlightblueā€;

1 Like
  1. A CONSOLE is useful for testing purposes. You can add commands or instructions to a page like if we working on the shell. It will not change the page (when we reload it, it goes back to the original, but it is useful to try new code)

  2. CTRL + SHIFT + J on Linux and Windows
    COMMAND + OPTION + J on macOS.
    or from the Menù

  3. What does console.log function do?
    The console.log() method writes a message to the console.

  4. You can modify the text in the consol and it will be shown on your web page until you reload.

1 Like
  • What is the console used for?

The console is used to be able to test out the functionality of your programming in realtime.

  • How do you open the Console in Google Chrome?

In order to use the console in Google Chrome, one can press CMD + OPTION + J. On my computer through the Brave Browser I was able to go through View>Developer>JavaScript Console.

  • What does console.log function do?

Console.log allows for a programmer to ā€˜log’ a certain action into the console, as opposed to going through the browser.

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

We may change the contents of an HTML page by adding JavaScript into the console , however each change is not permanent unless we keep a saved file on our own computer.

1 Like

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.

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, or COMMAND + OPTION + J on macOS, which will bring focus immediately to the Console.

3- Allows the programmer to log data to the JS console.

4- We can edit HTML contents double clicking the tag, element, or content we wish to edit in the Elements tab and entering the new data in.

1 Like
  1. Console is used to work with JavaScript interface similar to a terminal shell.
  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.
  3. Function console.log(ā€œHello Ivan On Tech World!ā€) will display ā€œHello Ivan On Tech World!ā€ in the console shell.
  4. Within the Console, you can type JavaScript code: alert(ā€œHello, World!ā€);. Once you press the ENTER key following your line of JavaScript, you should see the following alert popup in your browser.
1 Like