Console - Reading Assignment

[Me_wes_lee]

1.To implement Javascript into your website.
2.You could acces the developer tool menu or use the key shortcut CTRL + SHIFT + K on Linux and Windows, or COMMAND + OPTION + K on macOS.
3.To log it to the console (output)
4.ctrl - shift - i

[Farrero]

@ivan

• What is the console used for?
• How do you open the Console in Google Chrome?
• What does console.log function do?
• How can you change the contents of an HTML page through the console?

1. Essentially, the Console provides you with the ability to write, manage, and monitor JavaScript on demand.
2. vertical dots, More Tools, Developer Tools, console. You can also use the keyboard shortcut CTRL + SHIFT + J
3. You use it to give commands to the browser, such as printing words and solve math.
4. with document.createElement()

[StefanGarrix]

1. To log information, interact with a web page and to write, manage and monitor Javascript on demand.
   2.Go to ‘more tools’ in the menu and then ‘developer tools’ or you can press CTRL+SHIFT+J.
2. Information output to the console
3. By using the DOM. All HTML elements can be modified by Javascript

[alank]

1. The console is used as a blank work space reasource for working with JS.
2. Menu/more tools/developer tools/Console tab
3. Allows you to log data to the JS console.
4. By inspecting the element, or using functions.

[J.C]

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.

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. This will open a panel where you can click on Console along the top menu bar to bring up the JavaScript Console. OR you can also just click on ctrl + shift +J on windows and COMMAND + OPTION + J on MacOS.

3.What does console.log function do?
Rather than have pop-up alerts that we need to continue to click out of, we can work with JavaScript by logging it to the Console with console.log, this will show you hello world with in the console itself.

4.How can you change the contents of an HTML page through the console? You can work within the context of an HTML file or a dynamically-rendered page in the Console. This provides you with the opportunity to experiment with JavaScript code within the context of existing HTML, CSS, and JavaScript.

[Faisal2000]

1. What is the console used for?
   The console:
   a) converts your browser into an editor. User can write, manage, and monitor JavaScript on demand. b) Users can log information as part of the Javascript development process.
   c) Users can Interact with a web page by carrying out JavaScript expressions inside the page content.

2. How do you open the Console in Google Chrome?
   The console can be open by the F12 key, Ctrl + Shift + K in chrome.
   Users can go into their chrome browser on the top right hand corner to find the 3 ellipses. Go to More Tools, Click Developer Tools. (Ctril + Shift + I)

3. What does console.log function do?
   Console.log() is a function in JavaScript and is used to print any type of variable or a message the user needs to display. Within Console user can write JavaScript code, but this will display at times as a popup alert which the user will have to constantly click out of. To avoid this popup alert user can use Console.log() function and continue to work with JavaScript within the Console by logging it to the Console with the console.log() function.

4. How can you change the contents of an HTML page through the console?
   The console provides a way to experiment with modifying HTML pages. Users can type in JavaScript commands in the Console and render the changes on the open HTML page. These commands will only show the effect of the JavaScript commands enters in real-time on the open HTML page as an output on the Console and the HTML page. However, if the page is refreshed all JavaScript’s will be lost.
   Hence user can make live Edit to the to markup (HTML) of a webpage and Chrome will immediately render once user completes the editing.

[ChristopherK]

@ivan

What is the console used for?

Console provides you with the ability to write, manage, and monitor JavaScript on demand.

@ivan

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.

@ivan

What does console.log function do?

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.

@ivan

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

Right click inspect, save, load into browser.

[Patrik_Forsberg]

1. What is the console used for?
   To check code, debugging etc
2. How do you open the Console in Google Chrome?
   Inspect (right click)
3. What does console.log function do?
   Log all script to console
4. How can you change the contents of an HTML page through the console?
   by klicking on it and changing

[DLG]

1. The JS Console is used to log information, interact with web pages, write, manage and monitor Javascript.


2. The three dots in the upper right corner -> More tools -> Developer tools -> Console is on the right side.


3. The console.log logs info directly to the JS Console.


4. You can write code using the JS Console on a HTML page to modify it, but because you are only doing so in your console, refreshing the page will revert the page's appearance back to its original one.

[JCast182]

1. What is the console used for?
   A: “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?
   A: F12 gets it done. Or you can go to the vertical ellipsis’ in the browser and go to “More Tools”, then “Developer Tools”.

3. What does console.log function do?
   A: It simply allows one to interact with the web page without having to constantly dismiss “alert” messages with each output.

4. How can you change the contents of an HTML page through the console?
   A: You can copy and paste some existing html code into the browser console and then add JS and CSS stylization code. This just allows you to see what the html structure can look like with the added CSS and JS aspects in a real time setting, but none of this is saved in the browser, as refreshing the page will return the web page back to it’s prior state. You can however, copy and paste the work you did into a text editor and save it there.

[Romeo_Casper]

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?
   depending on the computer you have, for me, windows is Ctrl, shift, J

3. What does console.log function do?
   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?
   By double clicking the element to make the change.

[Theo]

1. What is the console used for?
   it is used to manage and debug network activity

2. How do you open the Console in Google Chrome?
   under more tools and then dev tools

3. What does console.log function do?
   this logs anything you post into the javascript console

4. How can you change the contents of an HTML page through the console?
   you can use Javascript in the console to modify the HTML page in real time.

[Itzamna]

1. The Console provides you with the ability to write, manage, and monitor JavaScript on demand and essentially like a shell.
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. Click on console. Or try the keyboard shortcuts. using the keyboard shortcut CTRL + SHIFT + J on Linux or Windows, or COMMAND + OPTION + J on macOS
3. Logs a value output
4. Using the document element inside the console.

[Boondre]

[quote=“ivan, post:1, topic:3109”]

• What is the console used for?
  The Console provides you with the ability to write, manage, and monitor JavaScript.

• How do you open the Console in Google Chrome?

1. To open the 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.

2. This will open a panel where you can click on Console along the top menu bar to bring up the JavaScript Console

• What does console.log function do?
  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.

• How can you change the contents of an HTML page through the console?
  By using the inspect element to edit.

[Fabian]

1. The console is used as an interface for Javascript and can be accessed with a web browser.
2. Navigate to the main menu of the browser, then select “more tools” - “developer tools”. A panel will then appear and you select the “console tab” which will then allow you to work with Javascript.
3. The console.log function allows us to use Javascript without having to deal with pop-up alerts.
4. First open an HTML file in a browser, then open the console to use Javascript with your HTML page; however don’t forget to save your progress because applying Javascript on the console while your HTML page is open is not changing the HTML file on its own.

[noobsta]

1. console is used to give javascript commands
2. menu in top-right of browser window from there select more tools and then developer tools, or by using the keyboard shortcut CTRL + SHIFT + J
3. Log tells conxole to print answer to console rather than pop-up alert.
4. By inserting javascript commands.

[CorinnaCuriosa]

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 Java Script on demand.

How do you open the Console in Google Chrome?

Navigate to the menu at the top-right of the browser, select “more tools” then “Developer Tools”

What does console.log function do?

It prints the thing you put into your console.log in the console.

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

By using the arrow up to go to previously written lines and change them

[Gaelaxy]

1. What is the console used for?
   It is used to find errors, test code, and debug scripts.
2. How do you open the Console in Google Chrome?
   Ctrl Shift J or Ctrl Shift J or chose Developer Tools form the More Tools menu.
3. What does console.log function do?
   It tells the page to write or display something
4. How can you change the contents of an HTML page through the console?
   You can’t update the page directly from the console. You can only test your ideas. You will need to copy the script that you tested in the console and add it to the HTML page then save the updated page.

[Twenty_Seven_Sounds]

1. The Javascript console provides a space to try out Javascript code in realtime. It allows a user to use an environment similar to a terminal shell interface.

2. By clicking on the menu in the top right corner, illustrated by 3 vertical dots. Scrolling down to “more tools” and select “developer tools”.

3. The console.log function allows us to print within the console instead of having a pop-up menu and continuously having to click.

4. By using the inspector tool to inspect the DOM tree we can live-edit a DOM node selecting an element and modifying its tag

[Jorge_Romero]

1. What is the console used for?

Answer: The console is used to interact with a webpage by writing , monitoring, and managing JavaScript within the pages context.

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

Answer: You can open the console in google Chrome by opening the webpage’s tab in Google Chrome and the pressing down the “J” key while simultaneously holding down the “shift” and “ctrl” keys.

Another way of opening the console is by clocking on the “menu” button at the top right hand corner of the browser and then selecting the following menu items: “more tools” > “developer tools”. The console should then open and if the “console tab” is not already selected, it can be located at the second tab from the top left.

3. What does the console.log function do?

Answer: The console.log function allows the user to print variables that where previously defined within it. The console.log function also automatically computes commands in the form of code or arithmetic entered by the user, between it’s open and closed brackets, and then printing out the value of such expressions.

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

Answer: Web page HTML can be modified through console by inputting various commands into the console such as defining variables, creating the required elements or nodes for the desired outcome, and appending the defined variables to the created elements and or nodes. The contents of the page will change according to the commands entered into console, however any changes that where made will be reset to original web page values once the webpage has been reloaded.