Console - Reading Assignment

Amazing Reply thank you that helps me a lot.

now i understand why I kept turning back to Atom for the web design and to implement the new things i learn

the console is just a trial terminal basically, Looks more difficult to save the changes and files than with Atom

great thanks

1 Like
  1. It is used to run comands in javascript.

  2. You use ctrl+shift+I.

  3. If you want to run an alert and you don’t want a pop-up than you use console.log.

  4. You simply load the file into the console.

1 Like

Thank you gabba! That comprehensive answer really makes sense!

1 Like
  1. What is the console used for?
    • The console allows the testing, inspection of elements and execution of Javascript commands within the browser.
  2. How do you open the Console in Google Chrome?
    • Option+Command+J for my MAC
  3. What does console.log function do?
    • Allows one to
      • Print Strings
      • Perform math calculations
      • Work on multiple lines with variables
    • All within the Console page
  4. How can you change the contents of an HTML page through the console?
    • The HTML for the page being viewed can be accessed through the console. With this functionality it is possible to experiment with JavaScript code within the context of existing HTML, CSS, and JavaScript. You can change the code to experiment and then save the new code to a new file for later use as refreshing the page erases all modifications and returns the page back to the initial state.
1 Like

1.What is the console used for?
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?
Control & mouse click inspect element > tab console
3. What does console.log function do?
You can print to the console
4. How can you change the contents of an HTML page through the console?
Using .js to insert certain elements to the html

1 Like
  1. What is the console used for?
    To get a bunch of infos like logs but as well gives you the possibility to interact with a web page (via JS)

  2. How do you open the Console in Google Chrome?
    Honestly I prefer BRAVE - if you read the comment and you don´t know the browser - give it a try :wink:
    But to answer the question - you can find it in the developer tools where you just need to select the correct panel (console)

  3. What does console.log function do?
    To get outputs within the console and not executed on the web page

  4. How can you change the contents of an HTML page through the console?
    By doing changes in the console you can try things out but they are only temporary so if you want use it more often you need to save the files

1 Like
  1. To test javascript code, to inspect element, execute javascript commands.
  2. Click on top right hand corner of the page where you see 3 dots -> choose more tools -> choose developer tools -> choose console or Ctrl+Shift+I.
  3. Logs info to the javascript console.
  4. Inspect element, in console double click at the element or hit ‘edit element’ edit it and click somewhere else.
1 Like
  1. What is the console used for?

The console is used to edit, view and develop a webpage using Javascript in ‘real time’, displaying content output as the programming changes.

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

Open the Google search browser, click on ‘View’ in the menu bar, then ‘Developer’ and subsequently ‘Javascript Developer Console’ to open the console. On my Mac I can open the Google Chrome browser and then simply press ‘command + option + J’ simultaneously.

  1. What does console.log function do?

The console.log functions include doing any kind of computations, displaying dates, and displaying text. Also, any pop-ups can be prevented appearing by logging them to the developer console.

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

Through the console we can change the contents of an HTML page by entering strings of Javascript code.

1 Like
  1. What is the console used for?
    It is like a shell interface, along with tools to inspect the DOM, debug, and analye network activity. It provices 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 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.

  1. What does console.log function do?
    The Console method log() outputs a message to the web console. The message may be a single string (with optional substitution values), or it may be any one or more JavaScript objects.

4.How can you change the contents of an HTML page through the console?
You double click on the element and change it. Then you refresh the page.

1 Like
  1. A console is used to create, edit and check your code in a web browser in real time.
  2. You would go to menu, more tools and select developer tools.
  3. Shows the result of code within the console
    4.We can select different elements of the HTML code and change the content or we can add/remove new elements of the web page
1 Like
  1. It allows you to write, manage and monitor javascript, it’s an information log.

  2. Command + Option + J for mac users.

  3. Prints function outputs to the console.

  4. Through DOM tree in the elements panel in chrome, inspect option.

1 Like
  1. What is the console used for?

The Console is used in web page development process to write, manage, and monitor JavaScript interactions with a web page’s context.

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

Console on Windows based Google Chrome can be opened:

  • From menu at the top-right of your browser window by selecting More Tools and then choosing Developer Tools
  • by using the keyboard shortcut CTRL + SHIFT + J
  • by pressing F12
  1. What does console.log function do?

The console. log() prints any kind of predefined variables or message to the user directly into Console window.

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

You can modify contents of an HTML page through the console by executing JavaScript commands in order to insert, change or append new elements or add and modify style of your web page. In combination with Elements tab you can also interact and modify all DOM elements through the console. The important thing to have in mind is that all changes are only temporary and they last until you refresh the page.

1 Like
  1. With Console you can write, manage, and monitor JavaScript a web browser.
  2. CTRL + SHIFT + J or F12
  3. ‘console.log’ logs a value output
  4. Modify the ‘document.’ object
1 Like
  1. What is the console used for?
    to experiment and test a website or file

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

  3. What does console.log function do?
    it outputs the value of some data or string

  4. How can you change the contents of an HTML page through the console?
    by typing commands from the console you can interact in real time with the HTML code underneath with commands like let >> p = document.createElement(“P”); or through the DOM

1 Like

“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. 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. The console. log() is a function in JavaScript which is used to print any kind of predefined variables or information displayed to the user. To change the contents of a web page through the Console Open any web page inside Chrome and select the text on the web page that you wish to edit.
Right-click the selected text and choose Inspect Element in the contextual menu.
The developer tools will open in the lower half of your browser and the corresponding DOM element will be selected.”

1 Like
  1. The console is used for viewing and editing web page content.
  2. Manually got to options -> more tools -> developer tools (windows: ctrl + shft + I)
  3. It writes a message to the console log.
  4. By selecting the elements tab in the console, you can adjust the html code.
1 Like
  1. What is the console used for?
    It can be used to log information, allow you to interact with a web page by carrying out JavaScript expressions. 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?
    Navigate to the menu at the top-right of your browser window, from there select more tools, and then developer tools. This will open a panel where you can click on Console on the top menu bar to brings up the JavaScript Console. Another way you can do it is by using CTRL + SHIFT + J

  3. What does console.log function do?
    Allows you to work on the console without having Dialog boxes pop up. This allows you to log the output on the console and not have something like an alert box pop up.

  4. How can you change the contents of an HTML page through the console?
    You can change the contents of an HTML page by using commands like document.body.innerHTML, document.body.style.backgroundColor , and much more, to change different aspects.

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

  2. How do you open the Console in Google Chrome?
    CTRL + SHIFT + J or in the menu More Tools then Developer Tools or press f12 than console on the window.

  3. What does console.log function do?
    The console.log is a function that writes a message to log on the debugging console.

  4. How can you change the contents of an HTML page through the console?
    You can use this to insert a heading

let d = new Date();
document.body.innerHTML = "<h1>Today's date is " + d + "</h1>"
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. 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?

The easiest way is to open google page on google chrome. Then right click on the emptyspace and choose inspect(the last choise in the column if you have other language) On the right opens a window with the code of the page and on top we have the option “Console”.

3. What does console.log function do?

Console function actually prints what we will write in the function after we press enter and will saw it to us under the function command, instead of sending a pop up window. Or will give us the answer on a mathematical question. It will actually give us the resold of any function we write

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 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. You can always load a webpage on the browser open the console and starting “coding” on the console and see the results. What chanches you like copy and paste on another file.

1 Like

1, It provides the ability to write, manage and monitor Java script on demand.
2, CTRL + SHIFT + J (windows) COMMAND + OPTION + J( mac os).
3, It provides you with a space to try out JS code in real time by letting you use an environment similar to a terminal shell interface.
4, By loading an HTML file into a browser and opening the console.

1 Like