• google plus

How to Open Google Chrome's JavaScript Console

You can use Google Chrome's Console to practice JavaScript.

  1. Click on the three-vertical-dot icon in the upper right of Google Chrome.
  2. Select More Tools.
  3. Select Developer Tools.Google Developer Toolbar
  4. The tools will usually be docked on the right or bottom of your screen. Make sure that the Console is selected:Google Developer Tools ConsoleYou may need to drop down the menu to see the Console option:Google Developer Tools Menu
  5. Now type "gobbledygook" in the Console and press Enter:gobbledygookThe word "gobbledygook" doesn't mean anything in JavaScript and we have not defined a variable named "gobbledygook", so we get an error.
  6. To clear the Console, press the Clear Console icon:Clear Chrome Console
  7. You should now have a clear Console to start practicing JavaScript:Chrome Console Cleared
  8. Test it by ype var age = 18; and press Enter:declaring ageDon't worry about the "undefined" response. All that means is that your code didn't return anything.
  9. Now type age; and press Enter:showing ageThis time it does return something - the value of age.
  10. You can also access the existing document. To demonstrate, type document.body.style.backgroundColor='red'; and press Enter. The background color should change to red.

Play around with the console. Have fun!

Author: Nat Dunn

Nat Dunn founded Webucator in 2003 to combine his passion for technical training with his business expertise and to help companies benefit from both. His previous experience was in sales, business and technical training, and management. Nat has an MBA from Harvard Business School and a BA in International Relations from Pomona College.

About Webucator

Webucator provides instructor-led training to students throughout the US and Canada. We have trained over 90,000 students from over 16,000 organizations on technologies such as Microsoft ASP.NET, Microsoft Office, Azure, Windows, Java, Adobe, Python, SQL, JavaScript, Angular and much more. Check out our complete course catalog.