Console - Reading Assignment

Javascript Programming
#783

  1. The console is used to execute Javascript commands within the context of a Webpage and/or log Information

  2. Hamburger menu -> other Tools -> Developer Tools -> click the tab for console

  3. It logs a value Output

  4. by Right click the element you want to change and select “inspect”

1 Like
#784

  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. 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 You can also enter into the Console by using the keyboard shortcut CTRL + SHIFT + J

  3. console.log allows the programmer to log data into the the console.

  4. You can edit an HTML page content by using functions that adds or change contents. Document.body or document. create are examples of such functions.

1 Like
#785

What is the console used for?

To debug code and test my own code

How do you open the Console in Google Chrome?

alt, command and I on a mac.

What does console.log function do?

It outputs information to the console

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

By going to the Elements section in the Console and double clicking the element, tag, attribute you want to change.

1 Like
#786

What is the console used for?

  • Write manage and monitor JavaScript on demand.

How do you open the Console in Google Chrome?

  • Depending on the browser, it is easily accessible in the browser menu or settings.

What does console.log function do?

  • It “logs” code to the console.

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

  • You can modify the contents of an HTML page by using the document element inside the console.
1 Like
#787

What is the console used for?
Console allows a user or programmer to write, manage and monitor JavaScript on demand. It can for example be used for logging the development process of JavaScript program.

How do you open the Console in Google Chrome?
Ctrl + Shift + J

What does console.log function do?
Console.log function allows user to see the result of code inside the console interface.

How can you change the contents of an HTML page through the console?
The content of a HTML page can be changed through the Document Object Model. The DOM shows you the script of the HTML page that is used to generate the HTML page. DOM allows you alter

1 Like
#788
  1. What is the console used for?
  • Console provides you with the ability to write, manage, and monitor JavaScript on demand.
  1. How do you open the Console in Google Chrome?
  • Menu (View) --> Developer --> JavaScript Console.
  1. What does console.log function do?
  • Prints to the console. i.e. console.log(“hello”); - would print hello in the console.
  1. How can you change the contents of an HTML page through the console?
  • Enter the Elements Inspection section and click the tag and area of code you wish to alter/add. You can add and change elements of the HTML in JavaScript. Then let the magic begin.
1 Like
#789

  1. The console is used to write and manage JavaScript code, similar to shell interface.

  2. You can find it under More Tools -> Developer Tools or use a shortcut (CTRL+SHIFT+I). Then you can see it under the second tab.

  3. The console.log function displays (prints) any kind of previously defined value. It can be a printed message, or an equation, or even another function.

  4. By using certain commands to change the appearance of the page in real time, like changing the color of text or background, paragraphs, headings, etc.

1 Like
#790
  1. The console is used to work with Javascript within the console itself and view any changes
  2. Upper right hand corner-More Tools - Developer Tools or CTRL+Shift+J
  3. The console.log allows you to view in real time the changes you make. You can also use it to perform calculations
  4. You can modify the contents by right clicking and selecting edit element, but this will not save the changes. You must do this on the html file within the text editor and saving the file
1 Like
#791
  1. To interact with the code of a webpage in real time.
  2. Right click → Inspect, Ctrl+Shift+I, or “Developer tools” in menu.
  3. Outputs data to the console.
  4. You can modify elements of the Document Object Model of the webpage.
1 Like
#792
  1. It cis used to write, manage and monitor javascript on demand within a webpage
  2. Ctrl-Shift-i or in chroom via menu, More tools, Developer tools, Console.
  3. It will display the results of a funtion to the console.
  4. Yes, by the document element.
1 Like
#793

What is the console used for?

It is used to log information as well as interact with the webpage, all on demand

How do you open the Console in Google Chrome?

CTRL + SHIFT + J

What does console.log function do?

Write commands to the console log.

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

By changing the inner HTML elements via the command document.body.element-to-change =

1 Like
#794
  1. The Console is used for writing, managing, and monitoring JavaScript on demand
  2. You can enter into the Console by using the keyboard shortcut CTRL + SHIFT + J on Linux or Windows, or COMMAND + OPTION + J on macOS. Or by clicking on the hamburger menu on the right side of the address bar and then choosing More tools >> Developer tools.
  3. console.log function logs the content that is between brackets to the Console.
  4. By using many functionalities of the JavaScript the programmer can modify the content of the HTML document through the Console. However, all changes will be lost after reloading the page.
1 Like
#795
  1. It is used to log information as part of the Javascript development process, allowing you to interact with the web page by carrying out Javascript expressions within the page’s context.
  2. CTRL+SHIFT+J
    Top right corner tab - more tools - developer tools
  3. We are log in into the console with this function.
  4. The console provides you with a space where you can experiment with modifying HTML pages with Javascript codes.
1 Like
#796

  1. Is a developer tool in the web browser that allow uou to interact with a webpage by carrying out JS expressions within the page context. Provide you with the ability to write, manage and monitor JS on demand.

  2. From top right menu. the 3 dots menu. Then More tools, then Developer tools. Or CRTL + SHIFT + J.

  3. Console.log function allow you to intercct with the JS console.

  4. You can change the style and the contents within the structure provided by the HTML underlying code.

1 Like
#797

Annotation 2020-04-15 160801
Annotation 2020-04-15 160801695×129 11.5 KB

  1. Console interface allows user to interact with HTML and Java functions .
  2. F12 in windows . CRTL+ SHIFT+I , right click > inspect …
    3.Console.log function allows user to view content with in the console its called string . It can also work a awesome calculator :wink:
  3. You can’t change permanently to my understanding . But you can work with current layout I believe by suing HTML or Java ?? confusing question . I wish I could make some changes to Brave. I would love to add more top sites to the front page for example. I can see everything with in elements but I wonder if you can apply changes ? … .Annotation 2020-04-15 160802
    Sorry if that’s silly just wondering around . Not all who Wonder are Lost :slight_smile:
#798

  1. the browser console allow you to write, inspect and monitor javascript directly on the browser

  2. F12 key

  3. it Allows to work with javascript to check any variable

  4. inspect element with double click on it

1 Like
#799

  1. Console is used to interact with the browser and the page manually.

  2. Right-click / inspect / console

  3. It shows the input into the console window, like a debug feature.

  4. You change content by calling elements in the console and attributing different values to them. For example “document.title = “hello”” will rename the page title.

1 Like
#800

  1. The console development tool in a browser is an environment that allows for writing, managing and monitoring JavaScript code.

  2. You can right-click the page, select “Inspect”. This opens the development tools, and from there you can switch to “Console”. Also CMD+OPTION+C opens the tools on a Mac.

  3. The console.log function inputs an operational command into the console and a message comes out as an output.

  4. You can modify the contents of an HTML page by various JavaScript functions through the console. Once you reload the page, it returns back to its previous version.

1 Like
#801
Questions

1.[spoiler]We can run JavaScript code on Console easily with its interactive shell.[/spoiler]
2. [spoiler]Open the Google Console via the Developer Tools keyboard shortcut.
I used Ctrl+Shift+I in Google Chrome, in Brave browser works too, as well as Ctrl+Shift+J.
[/spoiler]
3. [spoiler] It will post a log message to the browser’s javascript console.[/spoiler]
4. [spoiler] The easiest way to modify the content of an HTML element is by using the .innerHTML property.
To change the content of an HTML element, use this syntax:
document.getElementById( *id* ).innerHTML = "new TEXT!"
This example changes the content of a <p> element: [/spoiler]
[spoiler]

<p id="p1">Hello World!</p>

<script>
document.getElementById("p1").innerHTML = "New text!";
</script>

[/spoiler]

1 Like
#802

  1. What is the console used for?
    A direct method of writing, testing, or monitoring js code on the fly

  2. How do you open the Console in Google Chrome?
    CRT+SHIFT+J
    or F12 and click on the console tab

  3. What does console.log function do?
    logs data to the js console

  4. How can you change the contents of an HTML page through the console?
    by selecting the element you want to update in the elements tab

1 Like