Console - Reading Assignment

  1. What is the console used for?
    Console is one of the development tools built in modern browsers. It is similar to a shell interface and can be used to log information; to interact with a web page by carrying out JavaScript expressions within the page’s context; to write, manage and monitor JavaScript on demand.

  2. How do you open the Console in Google Chrome?
    Press ctrl shift J

  3. What does console.log function do?
    To print out a string, perform calculations, work with variables without calling out a popup.

  4. How can you change the contents of an HTML page through the console?
    Just open the console on a page and put some JavaScript in it.

1 Like
  1. What is the console used for?
    Adjust how the website is displayed and make changes to the layout of the site.

  2. How do you open the Console in Google Chrome?
    CTRL+SHIFT+J

  3. What does console.log function do?
    Allows you to work in JavaScript.

  4. How can you change the contents of an HTML page through the console?
    Go to elements and double click what you want to change and make changes.

1 Like
  1. What is the console used for?

The console is used to add script (javascript) to the webpage, so that now logic can be added to the webpage so that a larger range of tasks can be excecuted using javascript within the console

  1. How do you open the Console in Google Chrome?
  • Right click your mouse pad
  • Click “inspect element”
  • Switch to the console tab
  1. What does console.log function do?

A console.log function prints out the result of the task mentioned in the brakets, for example in this case:

Console.log(“welcome to Ivan’s academy”);

Welcome to Ivan’s academy, will be printed (or displayed)

Console.log(3*15);

45, will be printed, so console.log prints all or any variables within the brackets

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

Navigate to the elements tab from “inspect elements” that was initially clicked and the the contents of an HTML page can be changed there.

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. 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 or F12key.

3- The console.log funtion holds the execution of code in the console and does not publish it on the website.

4- Start a webpage in Atom (or an other tekst editor) save it as html, open it in a browser and open the console then put in youre javascript.

1 Like
  1. What is the console used for?
    To interact with the webpage. Allows you to write, manage and monitor Javascript on demand.

  2. How do you open the Console in Google Chrome?
    From the top right menu. More tools, then Developer tools

  3. What does console.log function do?
    It allows the return of an output within the console rather than the pop up with alert which needs to be clicked away.

  4. How can you change the contents of an HTML page through the console?
    By using Javascript to make dynamic changes

1 Like
  1. What is the console used for?

Console has informataion about the javascript coding process and allows you to interactt with the webpage.

You can audit, write, and monitor the the code.

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.

  1. How do you opn the Console in Google Chrome?

You go to the three dots in the top right corner- then more tools- then developer tools. A window pops up whihc allows you to access the console.
OR… cmd, option, J
3. What does console.log function do?

Executes the instructions, and logs output to JS console

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

By editing the elements section of the webpage, which gives you access to the DOM, but changes will be reverted to the original upon refreshing the page.

1 Like
  1. The Console can be used to log information as part of the JavaScript development process. It allows a user to interact with a web page by carrying out JavaScript expressions within the page’s context. The Console provides the ability to write, manage, and monitor JavaScript. It is essentially a sandbox.
  2. keyboard shortcut CTRL + SHIFT + J on Linux /Windows, or COMMAND + OPTION + J on macOS will bring up the Console.
  3. It confines the output of JS to the console.
  4. The console allows for direct input of code that interacts with the website currently loaded in the browser. It is good for experimentation, but it does not permanently change the code of the page.
1 Like
  1. What is the console used for?
    The Console provides you with a space to experiment with modifying HTML pages. Also you can type JavaScript code.
  2. How do you open the Console in Google Chrome?
    Right click, then ‘inspect’.
  3. What does console.log function do?
    It prints the result at the console and not an alert at the webpage.
  4. How can you change the contents of an HTML page through the console?
    Using DOM
1 Like
  • 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?
    menu->more tools-> developer tools-> console

  • What does console.log function do?
    Logs information to the console

  • 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. Although you are not changing the HTML document when you do things on the Console.

1 Like
  1. To test js code, inspect elements, execute commands.
  2. Click on three vertical dots then click on more tools then click on developer tools.
  3. The console.log() is a function that writes/prints a message to the log on the console.
  4. You can do temporary changes by editing the html code by adding javascript elements.
1 Like
  1. The console gives on-demand access to write, edit, manage, and monitor JavaScript.
  2. To open the console in Google Chrome you:
    click the button in the top right of the browser window with 3 dots, select more tools, then developer tools, select the console tab in the panel. or control/shift/J
  3. The console.log functions allows you to test inputs and outputs so that you dont have to continuously click out of pop-ups
  4. The console allows you to test and add different elements to your HTML page in real time without having to write the code, save, go to the HTML page and refresh to see changes.
1 Like
  1. To log information as part of the Javascript process, and to allow you to interact with a web page by carrying out Javascript expressions within the pages context.
    Provides you with the ability to write, manage, and monitor Javascript on demand.

  2. Menu ----> More Tools ----> Developer Tools
    or shortcut: CTRL + SHIFT + J

  3. To show the output without anything popping up as an alert that has to be clicked out of.

  4. By opening an HTML page in your browser, and then opening up console and begin working with Javascript.

1 Like

The console is to be used to test JS code, inspect elements or execute commands

To open the console:
Moz :
Application Menu > Web developer > Console, or
Ctrl + Shift + J , or
F12
Chrome:
Application Menu > More Tools > Developer Tools, or
Ctrl + Shift + J, or
F12

console.log logs data in the console

By changing the document elements inside the console

1 Like
  1. What is the console used for?

The console provides the possibility to use JavaScript to interact with a webpage, i.e. it allows to execute JavaScript code that can modify the webpage’s content and structure (temporarily).

  1. How do you open the console in Google Chrome?

Use the keyboard shortcut CTRL + SHIFT + J

  1. What does the console.log function do?

It logs information to the console and creates the output of the value that is currently held by the function.

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

-You can change the contents of an HTML page by executing JavaScript code in the console.
-You can select the “Elements” tab in the document object model and modify the elements.

1 Like
  • What is the console used for?
    • Consoles are used for writing, managing, and monitoring JavaScript
  • How do you open the Console in Google Chrome?
    • Navigate to the Menu Tab (three vertical dots, top right of screen
    • Select More Tools
    • Select Developer Tools
    • This action can also be performed by using the following shortcut key
      • CTRL + SHIFT + J (Linux and Windows)
      • COMMAND + OPTION + J (MacOS)
  • What does console.log function do?
    • Console.log prevents the need for using pop-up alerts by allowing the users to work and log their work, within JavaScript
  • How can you change the contents of an HTML page through the console?
    • By using the element function within the console.
1 Like
  1. What is the console used for?
    The console is used for debugging and testing purposes.
  2. How do you open the Console in Google Chrome?
    Ctrl + shift + I
  3. What does console.log function do?
    Logs information in the console.
  4. How can you change the contents of an HTML page through the console?
    By directly using Javascript code to change the page.
1 Like
  1. What is the console used for?
    It is a development tool, it’s mostly used to log information as part of the JS development process.
    Also to interact with the webpage. It helps you to with the ability to write, manage and monitor JS on demand.
  2. How do you open the Console in Google Chrome?
    CTRL + SHIFT + I
  3. What does console.log function do?
    It’s basically a sandbox where you can test if your code works. However when you reload the page it goes to it’s original state.
  4. How can you change the contents of an HTML page through the console?
  5. Log a DOM node to the console.
  6. Right click on it.
  7. Select Edit as HTML or Edit Text.
  8. Notice the DOM is updated on the page and also the Elements Panel.
1 Like

1.To interact with the elements of the webpage or to execute functions.
2. CMD+Option+J
3. .log outputs to console
4. You can modify the contents of an HTML page by using the document element inside the console.

1 Like
  1. The console is used to inspect the DOM, debug, analyze network activity, log information while developing JavaScript, and test out JavaScript directly on a webpage to see what its effects are.

  2. Click the three vertical dots on the top right, Select “More tools,” then “developer tools.” Select “console” in the panel that pops up.

  3. Console.log will print something to the console, such as a string, or the results of a computation.

  4. You can set variables and have their contents displayed on the page through the console.

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

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?
3 vertical dots on menu tab >> More Tools >> Developer Tools

  1. What does console.log function do?
    Console.log creates the output based on the input value, without having to click out of.
    Console.log can perform simple & complex math, multiple lines with variable, …

  2. How can you change the contents of an HTML page through the console?
    Open html page, then open console and use JavaScript to edit the page.

2 Likes