Console - Reading Assignment

Javascript Programming
#2172
  1. What is the console used for?
    -It uses along with other tools to inspect the DOM, debug, and analyze network activity. It 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, it provides you to write, manage, monitor Javascript on demand.

2.How do you open the Console in Google Chrome?
-Two ways to open the Console in Google Chrome.
=On the Top-right of the Chrome browser, you can find 3 vertical dots in a row. Press the 3 dots, find more tools then choose developer tools.
= A much easier way, because I have windows, press CTRL + SHIFT + J at the same time can also open the Console Interface.

  1. What does console.log function do?
    -It logs the pop-up alert into the console.

4.How can you change the contents of an HTML page through the console?
-You can’t change the contents of an HTML page, but you can experience modifying HTML pages with the console.

Is there someone who can help me with my answer 4? because my understanding of the article is that you can’t change the content of an HTML through the console but most here they think it can be changed. :roll_eyes:

2 Likes
#2173
  1. What is the console used for?

Allows you to write, manage, and monitor javascript on demand.

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

Go to more tools, then developer tools which allow you to access the console.

  1. What does console.log function do?

It allows us to work with javascript.

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

Once your html page is loaded, you can make temporary changes to the page through the console.

2 Likes
#2174

  1. Console allows you to write, manage, and monitor Javascript on demand.

  2. click 3 dots in upper right, “more tools”, “developer tools”, click “console” on upper panel.
    Shortcut: CTRL+SHIFT+J

  3. logs info into the console.

  4. You can use the document. element in the console of that web page.

1 Like
#2175
  1. What is the console used for?
  • The console is used as interface for you to write, manage, and monitor JavaScript.
  1. How do you open the Console in Google Chrome?
  • In order to open the Console in Google Chrome, you must navigate in the menu on the top right of your Google Chrome browser window that is signified by three dots. From there you select More Tools, then select Developer Tools.
  1. What does console.log function do?
  • The console.log function allows for the output to be displayed on the console rather than an alert.
  1. How can you change the contents of an HTML page through the console?
  • You can change the contents of an HTML page through the console by inspecting the page and working with JavaScript to modify the contents of the page.
2 Likes
#2176

Thats kind of what my question is about. I would like to make the changes to the page but I am unsire how to get it to translate when I put it in atom. I do think that the console can be useful though because you can do it right alongside the page and see it happen in real time. Even if it doesn’t actually change it in the end. But thats even better because you cant jack it up while learning from your mistakes…lol

I still would like to know how to take what I do in the console and put it in atom and change the page once I’ve found something I like. Every time I tried it either messed up something I did right previously or it did nothing at all. So I am clearly missing something.

#2177

You can change the HTMLK content using console.logs, an example would be - document.querySelector("#demo").innerHTML = "Hello World!";

Hope this helps. :slight_smile:

#2178

Console.logs are primarily used for debugging issues, Once you start building real applications you will soon realise the importance of having to change something on the go , see if it works, then come to Atom to make the rest of the changes. When you’re building big projects, just making a color change would require an entire refresh of the application which is very slow, even in this scenario, console.logs help you out.

4 Likes
#2179

What is the console used for?

Allows a user to log information as part of the JavaScript development process, whilst also permitting web page interaction by running expressions within the context of the page. The console allows you to: write, manage, and monitor JavaScript.

How do you open the console in Google Chrome?

Select the three vertical dots at the top right-hand corner of the browser.

Select “More Tools”; “Develop Tools”.

Select “JavaScript Console”.

Alternatively:

Select CTRL + SHIFT + J

What does console.log function do?

The console.log is not just a binding, but an expression itself that retrieves the log property from the value held by the console binding.

It provides a space to try out code in real time, within the existing context of the web page (that can contain JavaScript, CSS, and HTML).

It can also stop the pop-up alerts by using the log.

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

By using the “let” keyword, which indicates that the proceeding sentence will define the binding you want to add, you can edit contents of a webpage.

2 Likes
#2180

  1. The console gives you the ability to use Javascript to edit content of a webpage on your browser seemlessly and save the changes you made or discard changes by refreshing the page in your browser.

  2. You can open the Console in Chrome by selecting More Tools and then Developer Tools in the dropdown menu from the top right hand corner of your browser denoted by three vertical dots.

  3. The console.log function can be used to peform mathematical equations and also to work on multiple lines adding variables to statements/equations such as the present date.

  4. You can change the contents of an HTML page through the console by editing/substituting it’s functional tags.

2 Likes
#2181

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 Console in Google Chrome
Ctrl+Shifft+I
Settings>more tools>developer tools

3. What does console.log do function do?
Control.log will log data within the console.

4. How can you change the contents of an HTML page through the console?
Within the console all elements of the HTML’s DOM are viewable and one can alter as desired, though once reloaded the page will return to its unaltered state.

2 Likes
#2182

  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?
    On a mac you use shortcut CMD+ALT+J or you go to the top right side of google chrome page and click on the 3 dots. Once the small window is open you click on “more tools” and then “developer tools”.

  3. What does console.log function do?
    It logs on the page whatever you type after this command. For example: console.log(“Hello, World!”); It will show the wording Hello, World! on the page.

  4. How can you change the contents of an HTML page through the console?
    You can do this through the DOM node.

2 Likes
#2183

  • What is the console used for?
    -use javascript within a web page.

  • How do you open the Console in Google Chrome?
    -top right corner in developer tools.

  • What does console.log function do?
    -logs information in the console.

  • How can you change the contents of an HTML page through the console?
    -use document.

2 Likes
#2184
  1. The console can be used to check for errors in the javascipt code and also console.log outputs.
  2. You can either right click and select ‘inspect’ or simply press ctrl+shift+J
  3. The console log function can display data in the console tab of the browser, whether it is a string, number, boolean etc.
  4. You can use the elements section of the developer tools to edit HTML tags on a webpage. You can also edit a DOM node within the console.
2 Likes
#2185
  1. What is the console used for?
  • used along with other tools to inspect DOM, debug , and analyze network activity

  1. How do you open the Console in Google Chrome?
    Ctrl +Shift +2

  2. What does console.log function do?
    consolidate the data entered and gives an output

  3. How can you change the contents of an HTML page through the console?
    use commands used in console context , and apply into HTML

1 Like
#2186

  1. What is the console used for?
    Allows you write and manage javascript in a web page.

  2. How do you open the Console in Google Chrome?
    The shortcut is CTRL+SHIFT+J

  3. What does console.log function do?
    Allows you to write javascript and interact with the web page.

  4. How can you change the contents of an HTML page through the console?
    You can type javascript directly into the console to make changes to the HTML page. The changes are applied immediately view the effect of your javascript.

1 Like
#2187
  1. What is the console used for?
    Provides the ability to write, manage, and monitor JavaScript on demand.
  2. How do you open the Console in Google Chrome?
    CTRL+SHIFT+I to open the Developer tools and then click on Console.
  3. What does console.log function do?
    Gives the ability to work with JavaScript by logging it to the Console.
  4. How can you change the contents of an HTML page through the console?
    Go the elements section of the Console, double click the element, tag, attribute that you want changed.
1 Like
#2188

It’s used to edit, manage & moniter Javascript within a web browser.

CTRL + SHIFT + J

It prints the result of the element in the console.

In google chrome you can go to the DOM (Documents Object Model) in the elements tab, there you will find the HTML of the page and can make changes there. Double-clicking a tag allows you to change or you can edit as usual. Once you reload the page it will go back to normal though.

1 Like
#2189

1.The javascript console is a tool fro developers to use javascript or other programming languages to alter the way a web page funstions
2. google chrome you click the three dots, open “more tools”, click developer tools.
3. it logs the command to the console without having to click out of windows.
4. by using html language you can edit the head or the body of the webpage .

1 Like
#2190
  1. The console can be used for loging information as a part of the JS development process, as well as interacting with a web page by carrying out JavaScript expressions within the page’s context.
  2. Either CTRL + SHIFT + J or navigating through the menu at the top right then we select more tools leading to developer tools.
  3. Alloes us to intereact in JS by logging it to the Console.
    4.Through the DOM panel.
1 Like
#2191

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

  2. CMD + Option + J for Mac, CTRL + Shift + J for Windows/Linux, Menu/More Tools/Developer Tools/ Console Tab

  3. The console.log function allows the developer to output data in the JS Console.

  4. You can change the contents of an HTML page by using the Element panel inside Chrome or the Inspector Panel inside Firefox, in the console.

2 Likes