Console - Reading Assignment

Javascript Programming
#1065
  1. The console is a browser-integrated development tool that can be used to temporarily modify a corresponding webpage or to execute programming commands within the console itself.
  2. By using the keyboard shortcut ctrl+shift+J.
  3. The console.log function can be used to produce programming-command output within the console itself.
  4. By using the ‘document’ command. Examples of specifications of this command are ‘document.body.innerHTML’ and ‘document.title’.
1 Like
#1066

  1. The console is a separate interface used to interact with a current webpage opened in a browser via JavaSript.

  2. In Google chrome, or on Brave, [a fork of Google Chrome], using MacOsX, to enter Console mode, I can use alt/cmd/J - alternatively, I can highlight an element [text eg] on a page, click CTRL/Right Click/Inspect - and this also opens the Console at that specific point in the inspector.

  3. Console.log function prints output generated back to the console window to be read.

  4. You can change the contents of a page [only locally] via the console by accessing it’s DOM - Document Object Model, which is a local copy of the HTML ‘file tree’ and is stored in your browser. This is done via the Console [selecting the ‘Elements’ panel] and editing the code there. Refreshing the browser would reload the site’s original code once again, however, so the changes would be gone.

2 Likes
#1067
  1. What is the console used for?
    It allows the developers to interact with the website to write, test, and interact with JavaScript on browser page… to make changes locally on your computer
  2. How do you open the Console in Google Chrome?
    Clicking the 3 vertical dots menu on the top right, we then scroll to more tools and click on developer tools then click on console
  3. What does console.log function do?
    It allows us to log into console to print out a message or derive some output within the console.
  4. How can you change the contents of an HTML page through the console?
    By changing or adding code, we can change the display of the page… under the developer tools and inside the console we insert new code and it displays it on the screen
2 Likes
#1068
  1. to log information as part of the javascript development process
  2. top right - 3 dots - more tools - developer tools
  3. it logs information to the javascript console
  4. you can use elements as document.createElement() to modify html code on page
1 Like
#1069
  1. It is an interface within a web browser like Chrome or Firefox that allows you to work with JavaScript.
  2. ctrl+shift+J or F12
  3. It logs out what you input in the console.
  4. By coding the mods in the Elements tab.
1 Like
#1070
  1. It allows you to work and experiment with JavaScript code within the HTML context
  2. Chrome menu…more tools…developer tools and click Console or just use a shortcut CTRL+SHIFT+J
  3. logging the information into the console
    4 with document element
1 Like
#1071
  1. What is the console used for?

It is used to log information associated with a web page. It enables us to interact with the web page by executing Javascript expressions within the context of the page.

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

Clicking on the menu tab at the right corner of the browser, select more tools then developer tools and lastly select Console.

  1. What does console.log function do?

It is used to print.

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

  2. Log a DOM node to the console .

  3. Right click on it.

  4. Select Edit as HTML or Edit Text.

Notice the DOM is updated on the page and also in the Elements Panel

1 Like
#1072
  1. console is used to experiment with code on the html page. It does not rewrite the html file.
  2. option + command + J (mac)
  3. “attaches” the javascript code in the console to the webpage
  4. Through the inspector feature of the web browser you can take a look at certain elements of the html code.
1 Like
#1073

1. What is the console used for?

The console can be used to execute JavaScript commands within an existing website.

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

Menu > Dev Tools > Console or Right Click > Inspect

3. What does console.log function do?

This will log whatever information you input using the console.log function ex.

console.log(“Hello, World!”);

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

You can change and interact with the elements of a page using the page’s DOM by double clicking on an element.

1 Like
#1074

Write and control javascript as you are working on it.

Right click and then inspect

Log anything you put in it.

it allows you to work within a HTML file giving you the chance to write javascript in it.

1 Like
#1075

  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?
    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. What does console.log function do?
    print the output to the console display.

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

1 Like
#1076

  1. The console is used to write, manage and monitor JavaScript.

  2. Left click menu on right had corner, scroll down to More Tools then scroll down to Developer Tools. Click on Console on task bar at top of the page.

  3. The console.log function allows you to work within the console without a message box appearing every time.

  4. You change the contents of an HTML page by double clicking on the element and changing this from there.

2 Likes
#1077
  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?
    CTRL + SHIFT + J on Linux or Windows, or COMMAND + OPTION + J on macOS
  3. What does console.log function do?
    The console.log() is a function in JavaScript which is used to print any kind of variables defined before in it or to just print any message that needs to be displayed to the user.
  4. How can you change the contents of an HTML page through the console?
    By typing Javascript directly into the console we can alter the contents of the webpage.
1 Like
#1078
  1. The Console allows me to test, apply changes to existing html in real time.
  2. On mac it is: cmd + alt + j
  3. Console log allows me to log data to the javascript
  4. I cannot change the HTML document. Once the page gets reloaded the Console area get’s back to its blank state. It’s just for real time experimenting and testing
1 Like
#1079

Console Reading Assignment.

What is the console used for?

  1. The console is a developer tool by modern day web browser. This tool (console) can help read and process JavaScript. The console works in many different ways. It can log information as part of JavaScript development process. It can also carry out JavaScript code on HTML and it can also provide the ability to write, manage or monitor JavaScript on demand.

How do you open the Console in Google Chrome?

  1. If your Using Google Chrome, You go to the Top Right of your browser. Then you would click on where you see the Three Dots, click that and select the option where it says “More Tools”. Then from the list of option you would then select the developers tools option. Once you done that a console will appear to use JavaScript on.
    The short cut way for Windows is CTRL+SHIFT+J & for Macs CTRL+OPTION+J.

What does console.log function do?

  1. From the way i understood it console.log feature allows the developer to be able to save the code they write into the console and log it. Which means if they using repetitive code they logged it into the console. Its almost like a clipboard for text. Same often used text you have saved, and paste it when your ready to use again. If i miss understood console.log please don’t hesitate to correct me. :relaxed: :smile:

Correction, So Console.log just allows for anything your input to be read in the console. This i believe will not so on the HTML website. So no copy an past.

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

  1. What you can do with .HTML files is, you can open it up on your Browser, then through you browser access the console panel (developer tools). Once you have done that you can then use JavaScript to add more dynamic features on to the HTML page.
1 Like
#1080

Excellent answer sir! really well documented! keep it like that please! :muscle:

Carlos Z.

1 Like
#1081
  1. What is the console used for?
    it’s a development tool built in to the browser that works with JavaScript to code in real time letting you use an environment similar to a terminal shell interface. but with the ability to return to its state prior to your modifying the document by refreshing page.
  2. How do you open the Console in Google Chrome?
    navigate to more tools and click to Developer Tools and then Console.
  3. What does console.log function do?
    it prints out javascript into the console.
  4. How can you change the contents of an HTML page through the console?
    via the DOM, enter Elements section and 2x click and make your changes.
1 Like
#1082

The console allows you to write, manage, and monitor javascript on demand for any web content.

On Google Chrome, click the three vertical dots in the top right corner of the browser window, when the drop down menu appears, hover over “More Tools.” From there, another drop menu will appear with the option “Developer Tools.” Click there, and the webpage sources will propagate, including “Console.”

When you input script into the console, the console.log is used to record the output.

To change the contents of the html, go to the console and select the element you’d like to edit. Clicking the element should show you all the html code that is present and allow you to make changes.

1 Like
#1083

Console in Google chrome is a development tool that can be used to write, manage and monitor JavaScript in the context of a website. It allows the programmer to instantly see the changes made to a website when a particular JavaScript command is executed. Through Console the programmer is free to try-out new ideas and see live results on the webpage that is being developed.

Console can be accessed by Pressing CTRL+SHIFT+I whilst in a chrome window. After the new pane opens, the Console tab will need to be selected.

The console.log function takes the output from a command and directs it into the console window. This way the programmer does not need to constantly respond to a pop-up showing the results.

Through console, JavaScript commands can effectively be inserted into an existing HTML page. The, document. ,command followed by the tag name can be used to target JavaScript between a particular tag.

1 Like
#1084

  1. What is the console used for?
    Console is used for logging information and interacting with a page by javascript.

  2. How do you open the Console in Google Chrome?
    click top right button:more tools-developer tools,

  3. What does console.log function do?
    log information and also can perform math.

  4. How can you change the contents of an HTML page through the console?
    use the console and use javascript as well.

1 Like