Console - Reading Assignment

Javascript Programming
#663

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

  2. Three vertical dots -> More Tools -> Developer Tools -> Console

  3. It logs the value you want to log - console.log(value);

  4. document.body.innerHTML - you can modify the html untill reloading the page. There you won’t be saving made changes to the real html code.

#664
  1. The console can be used to text, debug and execute Javascript in the web browser.
  2. Ctrl+Shift+J (For Windows)
  3. console.log outputs a command in the console log.
  4. In the Elements page, the tab close to Console.
#665
  1. What is the console used for?

To test JavaScript code, and log info. Enables programmer to interact with a web page.

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

Hamburger Menu at top right > select More Tools > select Developer Tools OR shortcut key commands CMD+OPTION+J if using Mac OS

  1. What does console.log function do?

Writes info to the console. Used for testing code. Removes the need to continually click out of the pop up alert message you’ve created

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

You can type JavaScript code into the console, then save the changes.

EDIT - thanks for the replies guys. Am reading through them to learn more. Very useful indeed!

#666
  1. The console allows one to edit a page live without saving the changes. You can also inspect elements and designs to see how something is set up.
  2. Click the hamburger drop down menu, then click “More Tools” then click “Developer Tools”
  3. console.log allows you to send commands directly from the console to the web browser by pressing Enter.
  4. Double click what you want in the elements tab. Then change it.
#667
  1. What is the console used for? Writing, managing and monitoring Javascript on demand.
  2. How do you open the Console in Google Chrome? F12 (on Brave)
  3. What does console.log function do? Log outputs to the console
  4. How can you change the contents of an HTML page through the console? Use Javascript to add or modify elements on the page.
1 Like
#668

  1. What is the console used for?
    The consule provides you with the ability to write, manage and monitor JavaScript on demand in real time.

  2. How do you open the Console in Google Chrome?
    Step 1 -Menu at top right of Browser window signified by three verticle dots in a row.
    Step 2 -Select more tools
    Step 3 -Select developer tools
    Step 4 -this brings up a panel where you can click on console along the top menu bar or the keyboard shortcut CTRL+SHIFT+J on Windows or Linux.

  3. What does console.log function do?
    Rather than have pop-up alerts that we need to continue out of, we can work with JavaScript by logging it to the console with consol.log An example: consol.log(“Hello World!”);

  4. How can you change the contents of an HTML page through the console?
    Take your saved HTML page which I entered using ATOM.io and load it into Chrome. Next open up the console and then begin working with JavaScript to modify the page.

1 Like
#669
  1. What is the console used for?

“A console is a sandbox where you can test your code to see if it works.”
got it from the web as I was wondering about this question. I was wondering if it is anything more than just a sandbox, and I guess it’s mostly a sandbox - a place to play live with the browser and see how good of a JAVASCRIPT speaker am I.

  1. How do you open the Console in Google Chrome?
    ctrl+shift+J

  2. What does console.log function do?
    I’m not sure. Im starting to now understand what’s goingon! :frowning:

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

Through elements tab.

1 Like
#670

i.What is the console used for? The console is similar to a shell interface. It is used to log information and allows you to interact with a web page by asking for user input.

ii.How do you open the Console in Google Chrome? Click on the three vertical dots at the top right of the browser window. Then select More Tools -> Developer Tools.

iii.What does console.log function do? It allows you to display text or the result of defined functions.

iv.How can you change the contents of an HTML page through the console? The contents of an HTML page can be changed by executing Javascript code using the “document” object.

1 Like
#671

Ok from my understanding these are my answers to the questions in the assignment. #4 I may be missing some information and would appreciate any comments. Thanks.

  1. What is the console used for?
    The console is used to log information during the Javascript development process. Also the console allows you to interact with a web page by carrying out Javascript code within the pages context. The console is like having Javascript on demand by being able to write, manage and monitor javascript.
  2. How do you open the console in Google Chrome?
    Accesing the console in Chrome involves navigating the menu at the top right of your browser window signified by three vertical dots. Go to the more tools, then select Developer Tools. A panel will open where sonsole can be clicked.
  3. What does console.log function do?
    Console.log function helps to enable pop ups/ alerts created for a webpage, as well with the console.log input, math can be performed at a basic or complicated level.
  4. How can you change the contents of an HTML page through the console?
  • With this question I am assuming the contents are being changed with Javascript.
    –> Save HTML file then load it into the browser, open up console and begin using Javascript to modify the page.
1 Like
#672 
1	What is the console used for?
⁃	The console gives you the ability to write, manage, and monitor Javascript on demand. Pretty much full control.

2	How do you open the Console in Google Chrome?
⁃	You can access it by clicking on the three vertical dots on the top right of your screen. From there click on more tools then developer tools. 

3	What does console.log function do?
⁃	It allows you to send commands to the Javascript console without it being seen on the webpage. 

4	How can you change the contents of an HTML page through the console?
⁃	In the DOM all of the HTML code is listed, from there you can enter your JavaScript code to modify it.
1 Like
#673

  1. The Console allows you to write, manage and monitor javascript. You can experiment making changes to a page that are not permanent using Console.

  2. To open Console in Chrome, you open the browser menu, click more tools, then developer tools.

  3. Console.log function allows you to remove the pop up alerts. It works with javascript by logging it to the Console.

  4. An HTML page can be changed by adding javascript commands in Console.

1 Like
#674

console is used for writing javaScript directly from the Browser

from Chrome you open the console with Ctrl + Shift + J (I for Germany) or the three dots top right ( console works in Brave Browser as well)

the console.log can do math

to change the html contents through console you input the javaScript of the changes you want and press enter, you must save the changes before refreshing or it will refresh to the old Version

I have a Question , How to save the changes you make?
I am reading on my own but in case i dont find, a little help maybe?

1 Like
#675

how to save the changes?

#676

it changes the html, but you have to save it to keep the changes, the changes you see in the Elements or Inspection (firefox) section There you find the Html

I am trying to find out how to save so you keep the changed html

#677

Hi there I’m really not sure about that, but the following suggests you need to right click and export to a file:

“Bear in mind that as soon as you reload a page following modifying it with the Console, it will return to its state prior to your modifying the document, so make sure to save any changes you would like to keep elsewhere.”

And…

“The Console provides you with a space to experiment with modifying HTML pages, but it is important to keep in mind that you’re not changing the HTML document when you do things on the Console. In this case, once you reload the page it will return to a blank document.”

From

Also a reply from this thread…

…says “Right click > Save as in the Console panel to save the logged messages to a file.”

1 Like
#678

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.

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.

What does console.log function do?

It logs information to the javascript console

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

you can use elements such as document.createElement() to modify html code on page

1 Like
#679

i am pretty sure changes to the Html occur as soon as you hit Enter

then you see the change

you must save it yes or loose the change

thats why i asked

I will look at your Links

Thank U

1 Like
#680

No probs…

I understood that when you hit “enter” it just executes the code but doesn’t save it. I could be wrong though.

#681

i am not sure really either

still digging for answers and trying to do some stuff and see what happens

#682

@EryckCrypton @Turbinesurgine I think you guys have found the answer at your questions.
If you execute a function in the console you are modifying the state of the page locally (in the browser memory).
If you had made changes to the html Dom (with an ajax request) you will have to save the current modified page and replace your file locally. If you had created a variable or function in the console you will have to save this function in a js file.

The console is mainly used for testing not for development.
So if you save the html file and reload the page you will see your modification.
When you reload the page you are basically resetting all the modification made previously and start your page with a clean console state and your page display only the content of the file.

To make it short you are modifying the browser memory of the page state when you are interacting with the console, if you reload the page the browser will clean all this modifications.

2 Likes