JavaScript Variables

A variable is a "container" for information you want to store.

Variables

A variable is a "container" for information you want to store. A variable's value can change during the script. You can refer to a variable by name to see its value or to change its value.

Rules for variable names:

• Variable names are case sensitive

• They must begin with a letter or the underscore character

IMPORTANT! JavaScript is case-sensitive! A variable named country is not the same as a variable named COUNTRY!

Declare a Variable

You can create a variable with the var statement:

You can also create a variable without the var statement:

Assign a Value to a Variable

You can assign a value to a variable like this:

Or like this:

The variable name is on the left side of the expression and the value you want to assign to the variable is on the right. Now the variable "country" has the value "Morocco".

Lifetime of Variables

When you declare a variable within a function, the variable can only be accessed within that function. When you exit the function, the variable is destroyed. These variables are called local variables. You can have local variables with the same name in different functions, because each is recognized only by the function in which it is declared.

If you declare a variable outside a function, all the functions on your page can access it. The lifetime of these variables starts when they are declared, and ends when the page is closed.

Try it

To see how HTML and JavaScript work, you can only push the submit button, or you can make your own HTML and JavaScript code.