Console - Reading Assignment

  1. You can use the console to work with Javascript and other web technologies.
  2. You can press F12 and in the rows choose “Console” or you can do the combination of CTRL+SHIFT+J.
    3.It logs the commands to the console
  3. You can program on a dynamically rendered page in the console.
2 Likes

1. What is the console used for?

The console is used to execute, inspect, and test commands in Javascript.

2. How do you open the Console in Google Chrome?
a) Menu (3 dots on upper right) > more tools > developer tools or
b) control + shift + i

3. What does console.log function do?

It outputs commands to the console.

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

You can edit things in the elements tab in the console or with a html editor such as Atom.

2 Likes
  1. 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.
  2. How do you open the Console in Google Chrome?
    Ctrl+Shift+J
  3. What does console.log function do?
    Allows you to run code in the console and see your return in the console instead of in the browser, as a popup for example.
  4. How can you change the contents of an HTML page through the console?
    You can modify the HTML through the console by using the document. element.
1 Like

Answers:

  1. The console is use to create instant interaction of a webpage out of JavaScript expression. We can simply edit, change details, command the webpage concurrently while coding in console. However it does not overwrite the actual html file, as once we reload the site, it will revert back its original html source.

  2. Click on setting at the top right corner and choose more tools >> development tools >> console.

  3. A console.log is a function in JavaScript used to print any variables define before in it or display message to a user. It is like showing an output result.

  4. By toggling the Element (Google Chrome) tab in development tools and edit from there.

1 Like

Console reading assignment:

  1. Console allows you to write, manage and monitor JavaScript on demand.
  2. Ctrl+Shift+J
  3. Console.log is a tool for recording information about what JavaScript is doing.
  4. Open Console and begin working with JavaScript to modify the page.
1 Like

1.It is used for applying JavaScript code on demand to a HTML document.
2… Control+Shift+i or enter development tools in the right hand corner drop down menu (3 lines).
3. It allows the user to work with JavaScript without pop ups.
4. The DOM contains the hierarchical structure of the HTML document. Elements and attributes of this structure can be altered in the DOM. Using the language of JavaScript in the consol.log operations that change a web page can be performed. The document must be saved every time you perform an action and any error in code can be rectified by pressing arrow up key and changing instructions.

2 Likes
  1. The Console provides the ability to write, manage, and monitor JavaScript on demand.
  2. From Menu select More Tools then Developer Tools, or CTRL/SHIFT/J on Linux/Windows.
  3. Console.log is another output, that can be used in scripts to send the result to the console window.
  4. Open up the Console and begin working with JavaScript to modify the page.
2 Likes
  1. What is the console used for? The console is used for writing javascript and seeing the results on a webpage.

  2. How do you open the console in Google Chrome? On a Windows keyboard: ctrl+shift+i.
    On a Mac: ctrl+option+j
    Alternatively, using a mouse on either Windows or Mac, click on the three dots in the Chrome browser (known as the “elipsis”) > more tools> developer tools

  3. What does the console.log function do?
    It allows you to test javascript code within the context of a webpage for immediate feedback. Essentially letting you try out your code in real time.

  4. How can you change the contents of an HTML page through the console?
    You can temporarily change the contents of an HTML page by using javascript in the console.

1 Like
  1. What is the console used for?
    The Console is similar to a shell interface, along with tools to inspect the DOM, debug, and analyze network activity.
  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 then Developer Tools.
  3. What does console.log function do?
    We can log into JavaScript with the Console
  4. How can you change the contents of an HTML page through the console?
    To live-edit a DOM node, double-click a selected element and make changes.
1 Like
  1. What is the console used for?
    It is used to log and write javascript on a homepage.

  2. How do you open the Console in Google Chrome?
    Settings - more tools - developer tools - console

  3. What does console.log function do?
    It outputs to the console

  4. How can you change the contents of an HTML page through the console?
    HTML elements can be accessed and modified in the DOM.

2 Likes
  1. The console can be used to interact with the elements of the web page. You can also write and test your own code there.

  2. On Brave Browser, go to the Hamburger Bar, then go to “More tools.” then go to “Developer tools”

  3. The function console.log allow you to input information in there to get an output. You can do this with math computation or printing specific words or phrases.

  4. You can change the contents of an HTML page through the console by using the function document.createElement(), document.body.style.color, and other functions.

2 Likes
  1. The console is used for testing and debugging a website.

  2. Control + Shift + J

  3. console.log is used to display print something to the screen. ex. console.log(“hello world”);

  4. You can change the contents of an HTML page by issuing javascript commands. These are not actually changing the HTML of the page and when you reload the page all changes will be reverted.

3 Likes

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.) 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.

3.) 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.) 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.

2 Likes
  1. it is used to log informtion and run functions on the webpage directly.
  2. open the menu at the top right of the browser. select more tools and then developer tools.
  3. the console.log function outputs the result of it’s content to the console.
    4.By using the document function
2 Likes
  1. The console is used for inspecting the Document Object Model (DOM), debugging and to analyze the network activity. It is especially a great tool for making changes in the JS, HTML or CSS and seeing the changes in real time.
  2. To open the console in Google Chrome, you have two options. You can either right click on the web site and press the inspect button. Or you can do the short cut and just press CTRL+SHIFT+I
  3. The console.log function in JavaScript prints its contents in the DOM, just like print() in Python.
  4. To change the contents of an HTML page through the console, you just double-click on the element you want to change, change it and then press enter.
2 Likes
  1. The Console is used for logging information as part of the JavaScript development process, giving you the opportunity to interact with a web page by carrying out JavaScript expressions within the page’s context. You are also able to write, manage, and monitor JavaScript on demand.

  2. To open the console in Google Chrome: 1) Navigate to the menu at the top right of your browser window signified by three vertical dots, and 2) Select More Tools and then Developer Tools.

  3. The console.log function allows you to type JavaScript code, perform math in the Console, and work on multiple lines with variables.

  4. To change the contents of an HTML page through the console, use a blank HTML document, save it, and load it in your Web browser. Then you can open up the Console and and work with JavaScript to modify your page.

2 Likes
  1. The Console is used for logging information as part of JavaScript development process. It also allows 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. We open JavaScript Console in Google Chrome by clicking Menu at top-right of browser window signified by three vertical dots in a row. From there, select More Tools, then Developer Tools, w/c opens a panel where you click on Console. Thus: Go to Menu --> More tools --> Developer Tools --> Console Tab
    Another way is through keyboard shortcuts:
    Linux or Windows: CTRL + SHIFT + J (or F12 key)
    MacOS: CMD + OPTION + J

  3. Console.log function allows coder/programmer to log JavaScript to the Console and work with it.

  4. You can change the contents of an HTML page through the console by using the DOM (Document Object Model), w/c is a tree of Objects where all HTML elements are defined, and can be accessed and modified using JavaScript. Each time a web page is loaded, the browser it is in creates this DOM of the page. The DOM Tree is available to view within the Inspector panel in Firefox or the Elements panel in Chrome, w/c tools enable you to inspect and edit DOM elements in HTML page, starting with accessing document object.

1 Like
  1. What is the console used for? The console is used to write , manage and monitor JavaScript on demand.
  2. How do you open the Console in Google Chrome? You go to the three vertical dots at the top right hand side, click on More Tools and then Developer Tools. A panel opens and there is a tab indicating Console.
  3. What does console.log function do? Logging JavaScript to the Console with console.log allows you to work with JavaScript so that you don’t have separate pop-ups that you have to click in and out of.
  4. How can you change the contents of an HTML page through the console? By inserting new elements so that the page has new instructions.
1 Like
  • 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?
    view>developer>developer tools
    Or menu>more tools>developer tools

  • 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 .

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

Via the elements panel

2 Likes
  1. What is the console used for?

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

  1. 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. (CTRL+SHIFT+J)

  1. 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.

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

From the elements panel.

2 Likes