Console - Reading Assignment

Javascript Programming
#824 
<!DOCTYPE html>
<html lan=en>
<head>
<meta charset= "UTF-8">
<title>Programming reading assignement</title>
</head>

</h4><strong>**1. What is the console used for?**</strong></h4>
<p style="color:green">it is a development tool</p>

<h4><strong>**2. How do you open the Console in Google Chrome?**</strong></h4>
<p style="color:green">Top right menu of chrome , then, more tools and developers tool or press F12 from keyboard for shortcut</p>

<h4><strong>**3. What does console.log function do?**</strong></h4>

<p style="color:green">The console.log() method writes a message to the console. This is the place where you can try your JS coding in real time</p>

<h4><strong>**4. How can you change the contents of an HTML page through the console?**</strong></h4>
<p style="color:green">open the ELEMENTS tab just next to CONSOLE tab in the browser....or you can use a TEXT EDITOR such as ATOM to obtain the same result (+ browser viewing)</p>


<body>
</body>
</html>
1 Like
#825
  1. What is the console used for?
  2. How do you open the Console in Google Chrome?
  3. What does console.log function do?
  4. How can you change the contents of an HTML page through the console?
  • The console is used fir write, manage, and monitor JavaScript on your browser.
  • Click the three dots in the upper right corner in Chrome, then ā€˜More Toolsā€™, ā€˜Developer Toolsā€™ and ā€˜Consoleā€™.
  • The console.log functions allows you to code in JavaScript and return the result without embedding it in the page.
  • You can change the contents of an HTML page through the elements tab in the console.
#827
  1. What is the console used for? The console is used to develop, debug and test javascript, alter HTML and step-through code.
  2. How do you open the Console in Google Chrome? Ctrl-Shift ->J or from the menu -> developer tools
  3. What does console.log function do? console.log allows the developer to write commands to the console or to the browser.
  4. How can you change the contents of an HTML page through the console? The last html and javascript used in the Console can be viewed as HTML (in Chrome with ā€œelementsā€ tab); double-clicking a line letā€™s the developer edit the HTML.
#828
  1. What is the console used for? The Console can be used to log information and 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. It is useful for testing purposes
  2. How do you open the Console in Google Chrome? Go to customize menu top right, select more tools and click on developer tools or use ctr+shft+J
  3. What does console.log function do? it logs or writes messages to the consol
  4. How can you change the contents of an HTML page through the console? By using javscript code in the consol
#829

Ahhh. This is so much better to look at than the last timeā€¦ Thank you. :hugs:
Good work. :blush:
Ivo

1 Like
#830

1.Console is used to make changes in code and test them.
2.Ctrl+Shift+J
3.console.log - give comand to execute code in the console
4.We can change or edit the content with -double click on selected element in DOM panel

1 Like
#831

  • What is the console used for? 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.You can also enter into the JavaScript Console by using the keyboard shortcut CTRL + SHIFT + J on Linux or Windows, or COMMAND + OPTION + J on macOS, which will bring focus immediately to the Console.

  • What does console.log function do?work with JavaScript to use inputs to get outputs

  • How can you change the contents of an HTML page through the console? If you save the above HTML file, and load it into the browser of your choice, you should see a blank page with the title of the page as Today's Date .You can then open up the Console and begin working with JavaScript to modify the page.

1 Like
#832

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 the javascript expression within the page contex.
The console provides you with the ability to write, manage and monitor javascript on demand.

2/. Navigate to the 3 vertical dots at the top right of page, click on them then go down to more tools, then to development tools which will open the console.

3/. We can work with javascript by logging it to the console with consol.log.

4/. By adding commands into the console you can change the way the page looks by altering attributes.

1 Like
#833
  1. Provides a space to try out JavaScript code in real time.
  2. Click 3 dots in top right, click More Tools, click Developer Tools.
  3. It evaluates the argument, if there is one, and displays the output in the Console.
  4. By using the document command (document.body.style.color = ā€œwhiteā€)
1 Like
#834

  1. The Console is on of the developer tools that comes with all modern browsers (e.g. Chrome & Firefox). Itā€™s used dynamically to write, manage and monitor Javascript on demand (on the current webpage being displayed by the browser). Specifically the Console can be used during the Javascript development process to log information and to interact with the page by executing Javascipt expressions within the page. This allows the developer to experiment (and/or debug) but not change the HTML document itself (which will be reloaded by the browser should the page be refreshed).

  2. To open in Chrome: Use keyboard shortcut + + (from Windows/Linux) or + + (from MacOS)

  3. console.log function allows you to output to the Console ( i.e. output text or numbers that are passed into the console.log function as an argument)

  4. The HTML page contents can be changes by entering into the Consule (via the command line) Javascript commands e.g. >> document.body.style.color = white; (which will change the text colour to white in the body of the page)

1 Like
#835
  1. Experiment with modifying HTML pages
  2. Control + Shift + J
  3. Give an output
  4. You canā€™t > Seeing all the input of others, apparently you can. I will try and find out.

Hmm, maybe I did not fully understand the question. I understand how to change the look of the page in the console. Now, how do I save these changes to my original file, so that if I open it again, it will still have the blue and white make up?

#836

After the website is loaded, open the console and it will appear a lot of the websiteā€™s html content, we can modify this content to make change on it without rewrite the DOM (Document Object Model) of the website.

If we want to made those change permanently, we have to write those changes in the html main file of the website outside the console (In a IDE like Atom).

2 Likes
#837
  1. ***What is the console used for? The console is used to log information as well as interact with a webpage.
  2. ***How do you open the Console in Google Chrome? You open the top right dots> more tools> developer tools>console
  3. ***What does console.log function do?Console.log allows you to input data that you donā€™t have to click on.
  4. ***How can you change the contents of an HTML page through the console? You can modify the webpage with the console along side of the page. The modifications however are not permanent when done in console, so all changes needed to be saved separately (Atom).
1 Like
#838

  1. What is the console used for?
    Console is used to write, manage, and monitor JavaScript on demand.

  2. How do you open the Console in Google Chrome?
    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. This will open a panel where you can click on Console a long the top menu bar to bring up the JavaScript Menu. There is also a keyboard shortcut on Mac COMMAND + OPTION + J. Linux and Windows the shortcut is CRTL + SHIFT + J

  3. What does console.log function do?
    Output in the Console

  4. How can you change the contents of an HTML page through the console?
    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. You can open up the Console and begin working with JavaScript to modify the page. You can also work within the context of an HTML file or a dynamically-rendered page in the Console. This provides you with the opportunity to experiment with JavaScript code within the context of existing HTML, CSS, and JavaScript.

1 Like
#839
  1. The Console is used to write, manage and monitor JavaScript on demand, in order to have it perform the actions needed.
  2. Through Chrome menu, going to ā€œMore toolsā€ and selecting ā€œDeveloper Toolsā€, then accessing to the Console by selecting it on the opened panel.
  3. It allows to log in the Console and see what the program produces as a result.
  4. It is possible to access to an HTML page and modify it through the document element of the Console.
1 Like
#840

  1. The console is a tool for playing around with Javascript. You can write, manage and monitor Javascript on demand. Through the console you can see instantly what your Javascript code is doing(a powerful tool in the Javascript development process). You can also interact with a website and see what effects your Javascript code has on it.

  2. Click on the three dots on the upper right side, choose more tools and in the following menu click on developer tools. In the panel on the right side choose console (to the right of elements).

  3. console.log gives an output to the used console which means a message is printed inside the console

  4. At first you have to create a normal HTML file which creates your website, save it and load in into a browser. Then open the console and put some Javascript into the console. You can execute the code and see directly what the impact of your written Javascript code has. But through the console you are not changing/modifying the original HTML document. It is just for experiments.

1 Like
#841

1- The console provides you the ability to write, manage and monitor JavaScript on demand.

2- To open JavaScript on chrome we have to go to the menu, click on developer tools which will open up the console. or F12 on the keyboard. We can also open the console with CONTROL+SHIFT+I

3- The console log function holds the execution of code in the console and does not publish it on the website.

4- you can modify the contents of an HTML page by using the document element inside the console.

2 Likes
#842

  1. The console is ā€œ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. In Google Chrome you can open the console by clicking the three stacked dots on the top right hand corner of the browser. Once the drop down menu comes up go to the option that says "more tools, and then select the "Developer Tools option that comes up in the attached window.

  3. The console.log function allows the developer to feed the browser console inputs in order to have it give them an output. It allows the developer to test Javascript code.

  4. A developer can change the contents of any HTML webpage through the console by inspecting the code and modifying it. After the developer reloads the page however, the code will revert to its natural state (or as it is on the server it is hosted on) as the developer does not have actual control over the webpage.

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

The console allows you to write, manage, and monitor JavaScript on demand.

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

Cmd+Option+J / I or right click anywhere on the web and click inspect or ā€œcustomise and controlā€ + ā€œMore Toolsā€ + ā€œDeveloper Toolsā€

  1. What does console.log function do?

console.log allows you to log info into the javascript console.

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

On the Elements panel you can double click a selected element to make changes.

1 Like
#844

  1. with the console you can change or add javascript code to modify the content of the loaded page. But everything you do will not be automatically saved to the official webpage and every change will be gone once you reload the page.

  2. google chrome > menu > more tools > developer tools > console

  3. console.log() prints out text that you wrote inside the ā€œ()ā€

  4. with javascript you can add new html contents into the body with the console by using document.body.innerHTML for example

1 Like