Console - Reading Assignment

Javascript Programming
#2517
  1. What is the console used for? To manipulate and debug coding temporarily within a specific web page.
  2. How do you open the Console in Google Chrome? On a mac I press CMD ALT & J
  3. What does console.log function do? It logs your functions onto the console.
  4. How can you change the contents of an HTML page through the console? Double click on the DOM, edit it and click off of it.
1 Like
#2518

It is used for debugging or coding.
it enables us to interact with the browserengine directly.

with F12 then click on consoletab in the nav bar.

It prints out log information into the console output window

The DOM node context menu, which you may recognize from the elements panel, is also present in the console panel.

  1. Log a DOM node to the console. -> for exampe $(‘body’)
  2. Right click on it.
  3. Select Edit as HTML or Edit Text.
  4. Notice the DOM is updated on the page and also in the Elements Panel.
1 Like
#2519

  1. used to log information as part of the JavaScript development process, allow you to interact with a web page by carrying out JavaScript expressions = ability to write, manage, and monitor JavaScript on demand

  2. select More Tools then Developer Tools.

  3. the result of evaluating an expression, method for developers to write code to inconspicuously inform the developers what the code is doing

  4. document element inside the console

1 Like
#2520

Console: to log info/interact with the webpage/possibillity to write/mage and monitor JS on demand.
In Firefox: open firefox-Go to Extra-Webontwikkelaarshulpmiddelen De console opens
Consol log funktion: Logs info to the console
You open a html file in your browser, you open the console-Inspector and you can manipulate tag for example h1 with a doubleclick and change in for example h6

1 Like
#2521

  1. A tool used to log information\a part of the JavaScript development process - provides ability to write, manage and monitor JavaScript on demand

  2. Navigate to the menu at the top right of the browser window signified by the 3 vertical dots in a row then “more tools” - “developer tools”

  3. Allows you to try out codes without the popups and tells your their expressions.

  4. By going into the document object model (DOM) of the page

1 Like
#2522

  1. The console is used for writing, managing and monitor JavaScript on a webpage.

  2. To open the console in Chrome you firstly right click on the page, then go inspect element and then to console. Or the shortcut, [CTRL] + [SHIFT] + [I]

  3. Console.log logs an output of a written value.

  4. You can see all the HTML elements of the current webpage by going to inspect element and change the content. Can be useful when you want to show something in a video tutorial for example and don’t want to include sensitive content.

1 Like
#2523
  1. The console is used within a browser to interact with JS, DOM and analyze network activity.
  2. F12 in Chrome, or right-click and select “inspect”
  3. the console.log function allows you to operate within the console’s framework.
  4. You can open DOM and select certain elements to change them within the console. Such as h1-h2.
1 Like
#2524

Ans.1 Console is used for writing, managing and monitoring Java-Script on demand.
Ans.2 By visiting Developer tools (CTRL+SHIFT+I)
Ans.3 Displays output in console window
Ans.4 By using JavaScript functions in console along side HTML elements.

1 Like
#2525
  1. The console gives you the ability to write and make changes to the java script on command.
  2. Command, Alt and J
  3. Means we don’t have pop ups and can log it straight into the JavaScript Console
  4. Using the document element
1 Like
#2526
  1. What is the console used for?
    To work with JavaScript in an interface similar to a terminal shell
  2. How do you open the Console in Google Chrome?
    Ctrl + Shift + J, or through “More Tools>Developer Tools”
  3. What does console.log function do?
    Logging to the console when working with JavaScript and avoiding popups
  4. How can you change the contents of an HTML page through the console?
    Through the DOM (Document Object Model) tool where you can inspect and edit elements
2 Likes
#2527

1)The console is used to enter data into the web page , also it allow us to interact with the web page with JavaScript.

2)We open the console by clicking on menu then more tools , then developer tools. or by ctrl+shift+j or f12.

3)console.log is used to display a command or a result .

4)We can change the contents of an HTML page by interacting with it using the console , by writing our new codes.

1 Like
#2528
  1. Executing Javascript entered on its command line so you can see the results of individual commands
  2. On the top right of the Google Chrome browser, select the 3 dots and then select "More tools >> Open developer tools or Cntrl+Shift+I
  3. echoes the results of command to the console log and to you web page
  4. Enter a command that has visible results
1 Like
#2529
  1. What is the console used for?
    Console provides you with the ability to write, manage, and monitor JavaScript code.
    2. How do you open the Console in Google Chrome?
    the top-right of the browser window signified by three vertical dots in a row. From there, open More Tools then Developer Tools and Console folder or F12 key
    3. What does console.log function do?
    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.
    4. How can you change the contents of an HTML page through the console?
    You can modify HTML pages inside Console.
1 Like
#2530
  1. The console is used for logging information and interacting with web page as part of the JavaScript development process. It provides the ability to write, manage, and monitor JavaScript on demand.
  2. At the top-right of browser windor, click on the menu (signified by 3 vertical dots), then choose “More Tools”, then choose “Developer Tools”.
  3. To print output information on the web page rather than having pop-up alert to click out of.
  4. Load the HTML file into the browser of your choice, then open up the Console. You can then begin working with JavaScript to modify the page. However, as the changes made in the Console would not change the HTML document, you will need to save any changes you would like to keep in a separate HTML file.
1 Like
#2531
  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. Essentially, the Console provides you with the ability to write, manage, and monitor JavaScript on-demand.

2.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 and then Developer Tools.

  1. What does console.log function do?

The console.log() is a function in JavaScript that 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.

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

You work within the context of an HTML file or a dynamically-rendered page in the Console by taking a blank HTML document, save the above HTML file, and load it into the browser of your choice. You can then open up the Console and begin working with JavaScript to modify the page. You could also use DOM node to the console, right-click on it and select Edit as HTML or Edit Text. DOM is updated on the page and also the Elements Panel.

1 Like
#2532

  1. The console is a product of the chrome ‘DevTools’ to help developers build webpages on the canvas that will be shown to the user. This allows them to experiment and observe how the page interacts in real time. This can be used for testing JavaScript on the DOM without making changes to the actual file. The code placed into the console executes locally and the source code does not change.

  2. There are a few ways to open the console in Google Chrome. The easiest is to right click anywhere on a webpage and down the bottom of the dropdown, click ‘Inspect’. This will open up ‘DevTools’ and the second menu item at the top is ‘Console’. Click this to open up the local console environment and get coding!
    The other option is to click the 3 vertical dots underneath the close window button. You can then hover over the option ‘More tools’, and a dropdown will show a few options. Click the ‘Developer Tools’ button down the bottom and a DevTools window will pop up. You can then click the ‘Console’ menu item at the top and you have accessed the console in Google Chrome!

  3. The console.log function prints some defined object to the console. This could be a stored variable, a string, a number or any other object. The console.log function is proceeded by what is to be printed to the console, as follows: console.log(print_this);

  4. You can look through the elements, ID’s or classes, and change them through using JavaScript code on the Console in Developer tools. It’s important to note that this does not change the state of the source code, so executing some code block will only execute for you, and other users will not see the changes.
    Certain changes can also be made to the HTML on the ‘Elements’ section of Chrome DevTools. This section provides the HTML structure and content of the webpage. From here, you can edit content, CSS, class names and ID names.

1 Like
#2533
  1. What is the console used for?
    Console provides you with the ability to write, manage, and monitor JavaScript on demand.
  2. How do you open the Console in Google 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. This will open a panel where you can click on Console along the top menu bar to bring up the JavaScript Console. (Ctrl + Shift + J)
  3. What does console.log function do?
    Rather than have pop-up alerts that we need to continue to click out of, we can work with JavaScript by logging it to the Console with console.log.
  4. How can you change the contents of an HTML page through the console?
    You can modify the html file through the DOM.
1 Like
#2534

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?
Shortcut: Ctrl + Shift + J
3. What does console.log function do?
Allows the user to work with JavaScript, creates an output to the console.
4. How can you change the contents of an HTML page through the console?
Under the elements tab HTML content can be changed or editing in the console the document.body.innerHTML code.

1 Like
#2535

  1. Consoles are used to test, debug, inspect different elements of code of a webpage and helps users directly interact and alter the code of a webpage.

  2. On the top right of your browser click the three vertical dots > More Tools > Developer tools > Console tab. (shortcut key - Command + option + J (Mac) , CTRL + SHIFT + J (Windows & Linux)… alternatively you can right click and click “inspect” to open the same side window of developer tools.

  3. console.log logs certain functions wanted to into the console.

  4. By navigating into the elements tab of the developers tool window opened up earlier… This allows you to double tap any part of the website to alter its HTML contents.

1 Like
#2536

  1. What is the console used for?
    Write , manage and monitor JS on demand.

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

Ctrl + Shft + J. Or go to the Dev tools from the menu (elipsis).

  1. What does console.log function do?
    It writes (logs) the result of an event to the console.

  2. How can you change the contents of an HTML page through the console?
    You can access the DOM of a webpage and double click on any of the elements to edit.

1 Like