Console - Reading Assignment


#1

Welcome to the discussion thread about the Console. Leave your answers to the questions below in this thread. If you have any questions or you want to discuss something connected to the assignment feel free to do it in this thread as well, but please everything to the topic.

  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?

Console-reading assignment
#2
  1. The Javascript console of your web-browser can be used to execute Javascript commands within the context of a webpage and/or log information.
  2. In the hamburger menu, open Other Tools > Developer Tools and click the tab for Console
  3. It logs information to the javascript console
  4. You can interact with the pages DOM through Javascript using the “document” object and modifying it.

#3

What is the console used for?
it’s used to Debuggin code: (Inspect JS objects or code, write and test your own code and test it locally, Manipulate DOM, etc.)

How do you open the Console in Google Chrome?
F12 key

What does console.log function do?
Put info to the console if you need to check any variable or result.

How can you change the contents of an HTML page through the console?
right click over the element that you want to change and select “inspect”


#4
  1. The console can be used to interact with the elements of the webpage or to execute functions
  2. Control+Shift+I
  3. ‘console.log’ logs a value output
  4. Using the ‘document.’ object

#5

1- To test javascript code, to inspect element, execute javascript commands.
2- right click at page on anay element and hit inspect or Ctrl+Shift+I.
3- logs info to the javascript console.
4- inspect element, in console double click at the element or hit ‘edit element’ edit it and click somewhere else.


#6
  1. the Console provides you with the ability to write, manage, and monitor JavaScript on demand within a web browser.
  2. cmd + option + J
  3. log out stuff in the concole window
  4. by using functions that add or change the content, for example: document.createElement()

#7
  1. Console allows you to test and monitor javascript within the loaded pages context.
  2. In Chrome: Menu -> More tools -> Developer Tools
  3. console.log outputs to console
  4. You can modify the contents of an HTML page by using the document element inside the console.

#8
  1. The console provides us with the ability to write, manage, and monitor JS code on demand.

  2. Menu/ More Tools / Developr Tools/ Console Tab. We can also use quick keys with microsoft and macs:
    Microsoft: CTR + SHIFT + J
    MAC: CMD + OPTION + J

  3. console.log allows the programmer to log data (or objects in most cases) to the JS Console.

  4. We can edit HTML contents double clicking the tag, element, or content we wish to edit in the Elements tab and entering the new data in.


#9
  1. The console is used to log information, 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. In Google Chrome, you press CTRL + SHIFT + J keys (or F12 key).

  3. Console.log prints out whatever is written between the two ().

  4. I can find the content of the page on the console and then write whatever I like to


#10

Console Reading Assignment

  1. The console is a terminal shell for working with javascript code
  2. In Crome [CTRL] + [Shift] + [I]
  3. The console allows you to issue java script commands directly to the browser or the console itself.
  4. by using the document command
  5. The HTML I learned in the first part of the course I used to compose this reply.


#11
  1. The console is used for writing Javascript, and for managing the scripts, and for monetoring youre code. i think its best used for testing and checking things.
  2. You click on the 3 dots at the right site at the top of the window next to the adress bar, then go to more tools and select developer tools, afther that select the second tap in the window that popped up named console. Or press CTRL + SHIFT + J on youre keyboard (for windows).
  3. The console.log funtion holds the execution of code in the console and does not publish it on the website.
  4. Start a webpage in Atom (or an other tekst editor) save it as html, open it in a browser and open the console then put in youre javascript.

#12

What is the console used for?
- It can be used to log information for development and interact within a webpage’s context when using JavaScript expressions.

How do you open the Console in Google Chrome?
- Go to the menu --> More tools --> Developer Tools --> Console tab (CTRL+SHIFT+J)

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

How can you change the contents of an HTML page through the console?
- Next to the “Console” tab is the “Elements” tab within which is the html document. (CTRL+SHIFT+I)


#13
Console Reading Assignment
  1. What is the console used for?
  2. The console is used to interact with a web page by carrying out JavaScript expressions and to document or "log" the operations carried out.

  3. How do you open the Console in Google Chrome?
  4. Pressing the F12 key or right clicking and selecting Inspect opens the chrome developer tools. Inside you will find the chrome console for that HTML page. Other options include using Ctrl + Shift + J which takes you directly to the console screen.

  5. What does console.log function do?
  6. This commands to log or print out the function's value onto the console.

  7. How can you change the contents of an HTML page through the console?
  8. A browser loads an HTML website by creating a Document Object Model of that page. In the DOM, all the HTML elements are defined as objects and can be accessed using JavaScript. The HTML DOM document object is the owner of all other objects in your web page and represents your web page. You can access and modify any element in an HTML page, starting by accessing the document object first. For example

  • document.createElement(element)
    • This method creates a new HTML element
  • document.removeChild(element)
    • This Method remove an HTML element

I have added the following link for those interested in learning more about JS HTML DOM. Please visit JS HTML DOM for more details.
also me trolling for an example:


#14

[quote=“hayku, post:3, topic:3109, full:true”]
What is the console used for?
it’s used to live test code on an existing webpage & Manipulate DOM

How do you open the Console in Google Chrome?
Ctrl + Shift + j or F12

What does console.log function do?
logs results into the JS 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


#15
  1. What is the console used for?

  2. To manage, write and monitor Javascript in a browser.
  3. How do you open the Console in Google Chrome?

  4. Quickly (Ctrl+Shift+ J)

    OR

    Long Way (click settings button in browser then More Tools>Developer Tools>Console button in new window.)
  5. What does console.log function do?

  6. Helps the user to log into the console avoiding the pop-up alerts.
  7. How can you change the contents of an HTML page through the console?

  8. By going to the Elements section in the Console and double clicking the element, tag, attribute you want to change.

#16
  1. For testing changes to code
  2. command+ alt + j
  3. It logs the reply within the console
  4. Through the DOM

#17
  • What is the console used for?
    • It is used to edit websites using JavaScript, and keeps a log of the development process.
  • How do you open the Console in Google Chrome?
    • Click the three little dots in the top right corner of the browser and go to more tools and then developer tools.
  • What does console.log function do?
    • It allows a developer to make changes to the website without windows popping up all the time. The output will be contained within the console.
  • How can you change the contents of an HTML page through the console?
    • By using JavaScript commands you can edit the HTML page

#18

1-

it’s similar to a shell interface, along with tools to inspect the DOM, debug and analyse network activity.
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-

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-

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-

double-click a selected element and make changes


#19
  1. Help the programmer visualize changes directly in the browser, this can be very useful for testing. JS code can be inserted directly to the web page without modifying the original file.
  2. Press the three dots > More Tools > Developer Tools
  3. Shows the result of a code directly on the console and not in the webpage.
  4. Just change the HTML code in the Elements tab.

#20
  1. The console is a way to interact with a web page by using Javascript. One can then live test code on an existing webpage.

  2. In the right top corner menu --> More tools --> Developer Tools --> Console Tab.
    Other possibility is to press CMD + OPTION + J on mac.

  3. It commands to log (or print out) the function’s result on the console.

  4. Through the DOM. All the HTML elements are defined there and can be accessed and modified using JavaScript.