Console - Reading Assignment

1. What is the console used for?
The console is used to log information so the developer can make sure the JavaScript is working as intended.

2. How do you open the Console in Google Chrome?
The easiest method is by pressing F12. Otherwise from the top menu go to View > Developer > JavaScript Console or navigate to the three vertical dots in a row at the top-right of the browser window. From there select More Tools then select Developer Tools.

3. What does console.log function do?
It points the output to the console itself where it can be viewed as opposed to it displaying as a pop-up alert on the website.

4. How can you change the contents of an HTML page through the console?
You can modify an HTML page by writing JavaScript in the console to preview changes. You can use the Document Object Module (DOM) from the Elements panel in Chrome or live edit a DOM node by double-clicking and editing HTML elements. These changes do not change the actual HTML document directly. For a permanent change, save the changes in the HTML source file.

  1. Edit websites using js
  2. click on dots, more tools, then select developer tools
  3. progrmmer can make changes without windows popping
  4. Elements tab
  1. The console is an environment contained within modern browsers which enables you to write javascript code and see the execution of the code without the need for an independent editor/compiler.

  2. The console can be opened within Google Chrome by using using the menu dropdown selections or by using a keyboard shortcut. Within Google Chrome, from the right hand menu select More Tools->Developer Tools/ Console Tab . The Windows and Linux keyboard shortcut to open the console is CTRL +SHIFT +J keys. In MacOS the keyboard short cut is the COMMAND + OPTION + J keys.

  3. The console.log function enables you to direct the output of a javascript command to the console screen directly. The console.log function eliminates the need to use a separate popup window that would be created using the alert function and acts in a similar fashion the the Print command in the Basic computer language.

  4. In order to change the contents of an HTML page through the console, you would first open the HTML document in a browser and let the browser load the Document Object Model of the web page within memory. You would then open the console directly through the browser and then write javascript within the console to add elements within the
    document or change styles such color or text size. All such changes to the document however are not saved.

1: 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.
3: It is used to “print” something in the console.
4: Create a html document in atom, save it, load it in a browser, go to the developers tool, go to console and add your javascript, do save the changes because when you refresh the page it will go back to its original state.

  1. What is the console used for?
    the console is used for logging info , also allows interaction with web pages and gives you the ability to write and manage JavaScript.

  2. How do you open the Console in Google Chrome?
    in google chrome to open the console, simply click on the three dots next to the url in the browser, click on more tools, scroll down to developer tools and click on the console tab.

  3. What does console.log function do?
    what the console.log function does, is it logs information on the JavaScript console.

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

1.The Console gives you the ability to write, manage JC on demand. It is a build in tool in the browser
2. control+shift+J
3. Logs info into the JS Console
4. You can experiment with editing HTML page, double click on the tag, element

  1. What is the console used for?
    The console is used to interact with the elements of the webpage or to execute functions.

  2. How do you open the Console in Google Chrome?
    Command+Option+J

  3. What does console.log function do?
    It allows the programmer to log data/objects to the JS Console. This funtion holds the execution of code in the console and does not automatically publish it on the website.

  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

1 O console é utilizado para escrever, gerenciar e monitorar código de uma página de web, isso permite registrar informações e ser uma ferramenta de interação da página da web.

2 Pode ser acessado pelo menu > Abrir o Menu/ More Tools / Developer Tools/ Console Tab, ou pode ser acessado através de atalhos:

Microsoft Windows : CTR + SHIFT + J
MAC: CMD + OPTION + J

3 Registra informações no console sem que os resultados sejam colocados na página ou em popups, é uma ferramenta para exibição de resultados no próprio console.

4 Você pode acessar a tab Elements nas ferramentas de Desenvolvedor para modificar o código da página.

  1. The Console allows us to interact with a web page by carrying out JavaScript expressions within the page’s context. It is very useful for testing.
  2. By navigating to the menu at the top-right of Chrome browser window. Then we hover over More Tools then select Developer Tools.
  3. It logs the code result within the console itself.
  4. By writing JavaScript expressions in the console or using the DOM.

What is the console?

The JS developer console is a development tool built into modern browsers.

What is the console used for?

  • Managing, writing, and monitoring JS within a webpage.
  • Some examples of what can be done using the console include:
    • Carrying out JS expressions within a web page
    • Logging information during the JS development process

How do you open the Console in Google Chrome?

Press F12 and click “Console”, or navigate from the menu (More Tools à Developer Tools à Console)

What does console.log function do?

Logs the outputs of JS expressions

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

• You can use the JS console to code various JS functions inside elements placed within the HTML code
• You can also use the document element (or “inspect element”) to replace or modify an element within an HTML page.

What is the console used for? Development tool inside the web browser providing help to write, manage and monitor JavaScript on demand.
How do you open the Console in Google Chrome? Menu, more tools, developer tools.
What does console.log function do? Allows you to print/log data or perform functions and print answers in console.
How can you change the contents of an HTML page through the console? You are able to write code and see how it affects the HTML file as you go. I don’t yet see where you can go back into your work on the console and make adjustments to your code without erasing the console and starting over. Changes also are not saved to the file unless actually saved. Need some practice or time spent with it to yet see its benefits just yet.

To execute js commands
by right clicking on the page and clickingon inspect.
it outputs js commands
By changing the cohtml code within the elements.

  1. The console is used to log information and interact with a web page.
  2. To open the Console in Google Chrome click the 3 vertical dots, then More Tools, then Developer Tools.
  3. The console.log function outputs directly within the console.
  4. You change the contents of an HTML page through the console with JavaScript commands.
  1. The Console provides the ability to write, manage and monitor Javascript on demand.

  2. To open the Console in Google Chrome:

  • At the top right menu of the Google Chrome Browser page are three vertical lines in a row. Click them.
  • Select More Tools
  • Select Developer Tools
  • This opens a panel with the Console in the menu bar, click on it.
    Note: Keyboard shortcuts, Windows & Linux, CTRL + SHIFT+J for Mac IOS, COMMAND + Option + J
  1. The Consol.log allows the programmer to practice code and see the results, using the environment similar to a shell interface.

  2. The Console provides a space to experiment with the HTML pages and do live edits, but it doesn’t change the HTML document.

  1. What is the console used for?

It gives you the ability to write, manage and monitor JavaScript on demand.

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

Open the Chrome browser.

Click Ctrl + Shift + J

  1. What does console.log function do?

It lets us see what a command or alert would do without actually giving us the alert so we don`t have to click OK to continue testing.

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

Through the Inspector area in Firefox or the Elements area in Chrome, you can play around with different changes to the HTML there and see how it would look on a live site.

  1. A console interacts with a web page by carrying out JavaScript expressions.

2)(CTRL+SHIFT+J)

  1. It prints the output to the console

4)When we type javascript into the console we immediately alter the content of the HTML webpage.

  1. Execute Javascript commands/interact with the webpage

  2. cmd + alt + j

  3. Logs info to the javascript console, prints the output

  4. The document element inside the console

  1. The Console provides the ability to manage JavaScript on demand.
  2. To open the JavaScript Console in Chrome:
    Navigate to the menu at the top-right of your browser window signified by three vertical dots in a row.
    From there, you select More Tools, then select Developer Tools.
    This will open a panel where you click on Console along the top menu bar, this will open the JavaScript Console.
    Keyboard: the keyboard shortcut CTRL + SHIFT + J on Linux or Windows, or COMMAND + OPTION + J on macOS.
  3. Presents output to the screen.
  4. Use the Document object.
  1. What is the console used for?
  • It allows you to write, manage and monitor JS on command.
  1. How do you open the Console in Google Chrome?
  • Menu>more tools>developer tools>console
  1. What does console.log function do?
  • It allows you to see a result of a line of code within the console vs. as a pop up in the browser.
  1. How can you change the contents of an HTML page through the console?
  • Open a browser page and load the console. You can make changes using JS code, but you have to save the modified web page elsewhere.
  1. The console is a developer tool used in a browser to edit the html or java script on a webpage without changing the actual info on the site.

  2. To open the console from Google Chrome you can use the menu on the top right of the page with three horizontal lines. Select option more tools, then select option, developer tools. Also on my computer you can use the F12 key to bring up automatically.

  3. The console log shows all of the changes you have implemented on the current page through the console.

  4. You can change the contents of an HTML page through the console by selecting the elements tab on the developer tool window.