Although you integrate JavaScript through a separate js file that you reference in your HTML page, if you just want to practice, debug, or step through JavaScript code, you can use the Firebug extension for Firefox.

First install the Firebug extension and then activate it by clicking the bug in the upper-right corner of your Firefox browser. Firebug will open a pane at the bottom of your browser window.

Click Console. Then click the little arrow redbutton in the lower-right corner to divide the pane into two panels.

Now you can write JavaScript in the right pane and click Run to see it in action:

Using Firebug with Firefox Using Firebug with Firefox

You can also use the console.log command instead of alert to display messages on the left pane.

Using the console.log command Using the console.log command

The console.log command is specific to Firebug only and isn't actually a real JavaScript command. Firebug provides several other commands: console.error, console.warn, and console.info. These other commands add little icons in the console to identify the result.

The console.log("Hello World") command is similar to writing alert("Hello World") except that it writes the string to the Firebug console instead. This simply allows you to see that the command was run.

Most examples declare variables, like this:

var x = "Hello World"
console.log(x);

This writes the same message to the console, using a variable to reference the string instead of writing the string directly. It's probably the simplest JavaScript code to write, and is used when the emphasis is on some other format or aspect of the statement.

Many of the example scripts in this tutorial use the console.log command for its simplicity.


Get new posts delivered straight to your inbox.

Subscriber count: 3,505