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?
Console allows us to directly intercact with web page. We can write and test new ideas.
CTR+SHIF+J or F12
Print the result into console.
By executing a code in JS console we can modify a web page. But this is only temporary. After refresh, the original page is back.
Console - Reading Assignment:
1. What is the console used for?
The Console is used to input data when developing with JavaScript, and facilitates interactivity with webpages by allowing you to execute JavaScript expressions that affect the content of the page.
2. How do you open the Console in Google Chrome?
In the right-hand corner of the Chrome browser window, click on the hamburger menu, and navigate to âMore Tools / Developer Toolsâ, and then open the Console within the Developer Tools panel.
3. What does console.log function do?
This function logs JavaScript into the Console, which either prints the outcomes of commands that you type into it, or returns the result âundefinedâ when there is no response.
4. How can you change the contents of an HTML page through the console?
Having saved the HTML page onto your computer, you can then open it with your browser, and interact with it via the Console.
Here, you can modify the HTML, CSS, and JavaScript content, and observe the effect of each change in your browser.
What is the console used for? 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 do you open the Console in Google Chrome? Ctrl â shift â I or menue âother toolsâ -> âdeveloper toolsâ
What does console.log function do? It provides a way to work with JavaScript within the console
How can you change the contents of an HTML page through the console? By making changes in the âElementsâ area. This provides you with the opportunity to experiment with JavaScript code within the context of existing HTML, CSS, and JavaScript.
The console allows me the ability to write, manage, and monitor JavaScript on real time.
The shortcut to open JavaScript console in Chrome in Windows is by pressing the: CTRL + SHIFT + J buttons.
The console.log provides a space to modify and experiment with the look of HTML pages without changing the actual HTML document.
In order to save the work to the HTML document you have to make sure to copy, paste and save any changes in Atom.
What is the console used for?
Debugging.
How do you open the Console in Google Chrome?
Ctrl Shift I for the inspector, or f12.
What does console.log function do?
Outputs information to the console window.
How can you change the contents of an HTML page through the console?
I can use JavaScript functions in the console, like document.body.innerHTML() or document.createElement()
A console allows you to write,manage and monitor JavaScript demand at page level. A console can be found in most modern web browsers.
The console can be opened by pressing F12 on the page if you are using windows or you can find the console via a browserâs menu.
The log record outputs so we donât need to step outside of the console to see the results of our work.
You can interact with the DOM for the page through the console by writing additional Javascript to interact with the page, browser or embedded elements.
The console is used to write, manage and monitor javascript on demand
menu > more tools > developers tools
allows you to interact with the javascript straight from the console instead of the website.
my programming directly into the elements tab
1.The console provides you with the ability to write, manage and monitor javascript on demand.
2.Fire fox-
Navigate to the top right of screen menu click developer button, click web console menu item.
Chrome-
Navigate to the top right menu more tool, then developer tools, console tab.
3.The console.log() is a function in java script which is used to print any kind of variables defined before in it or just to print any message that needs to be displayed to the user.
4. Each time a web page is loaded, the browser it is in creates a DOM, of the page. The DOM is a tree of Objects and shows the HTML elements within a hierarchical view. The DOM Tree is available to view within the Inspector panel in Firefox or the Elements panel in Chrome. You can then edit by adding additional javascript.
not sure how to do thisâŚthere doesnât seem to be any link to save the file as an HTML, and using âsave asâ saves the entire page. Is there some way to convert this small box into an html file?
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. Essentially, the Console provides you with the ability to write, manage, and monitor JavaScript on demand.
2- Open the Console panel to view logged messages or run JavaScript. Press Command + Option + J (Mac) or Control + Shift + J (Windows, Linux, Chrome OS) to jump straight into the Console panel.
3- 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. Syntax: console .
4- Edit HTML in the Console Panel**
The console gives you the option to write, manage and monitor JavaScript on demand.
Go to the menu, symbolized by the three vertical dots in a row. Here select âMore Toolsâ and then âDeveloper Toolsâ. There you can open the panel âConsoleâ.
This logs the input within the console, and shows the result of a math equation if that is your input for example.
You can modify contents from the Console tab using specific functions, or using the elements tab and changing the HTML code.
Hi sir, To save the file on your local machine, You need to copy it or simply click on that copy text then open atom editor and create a new file(index.html) and paste it there.
Happy learning, 
Abel S
The Console provides you with a space to experiment with modifying HTML pages.
Controle + Shift + J
It loggs JavaScript to the Console avoiding pop up alerts which we have to close all the time while adding code to the Console and the page.
You can load the page and open the console. Then you can modify the HTML page with JavaScript. You can add and change headings and paragraphs and texts and style with the object document. ⌠but as soon as you reload the page the changes will be lost so you have to save them somewhere if you want to keep them.
You can also directly change things on the HTML side through the DOM which you find when selecting Elements . Just click on the element you want to modify for example change h1 to h2.
ahhhh! So simple! Why didnât I think of that?
thanks bro!
The console can be used to interact with the elements of the webpage or to execute functions
Control+Shift+I
âconsole.logâ logs INTO JAVASCRIPT CONSOLE
Inspect element, in console double click at the element or hit âedit elementâ edit it and click somewhere else.