Use Javascript Console Log To Non-invasively Debug Code

JavaScript Console Log is used to debug code in an unobtrusive way. Using JavaScript Console Log you can have data output into the console that a developer can easily see. A website visitor could see these console entries as well, but most users wouldn't even know how.

To create a console log alert use the code below inside script tags (this is the same code from the video):

var myNote = "This is my note";

The view the console log alerts you'll have to open the developer tools in your browser. It will appear in differnet places depending on your browser. Google Chrome and Mozilla Firefox have the most developed developer tools.

In Google Chrome, simply go to View menu, then hover over Developer Tools then click on JavaScript Console.

In Mozilla FireFox, go to Tools menu, then hover over Web Developer then click on Web Console.

That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)

If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business.