A változókat olyan névvel rendelkező kis polcoknak lehetne elképzelni, melyek tartalmazhatnak értékeket, szövegeket, számokat, listákat vagy akár objektumokat (cégeket), ezekről bővebben az objektum orientált programozás kurzusoknál beszélünk.

Szerepük, hogy olyan adatokat tároljanak, melyeket az oldal futása közben szeretnénk még felhasználni, vagy melyek létezésének valami célja van. Amikor egy változóra már nincs többé szükségünk, azt ki kell üríteni, hogy ne terheljék fölöslegesen a rendszert.

Jelölésük a "var" kulcsszóval történik az alábbi módon:

    <script type="text/javascript">
        var variable_name;
    </script>


        

A változók neveinek választhatunk több szóból álló nevet is. Mivel a változó neve egy szóként kell szerepeljen, ezért két lehetőségünk van: elválasztjuk a szavakat alulvonással vagy minden új szót nagy betűvel írunk.
Ajánljuk figyelmükbe, hogy nem érdemes kombinálni őket, vagy az egyiket, vagy a másikat használjuk. Bár általában minden nyelvben megvan, hogy melyiket szokták használni, tetszéstől függően választhatunk.

    <script type="text/javascript">
        var variable_name;
        // vagy
        var variableName;
    </script>


        

A fenti példa két parancsot tartalmaz, létrehoz két darab változót.
A javascriptben minden parancssor után ";" (pontosvessző) karakterrel jelezhetjük, hogy ott vége az adott parancsnak.

A változóknak adhatunk értéket az "=" karakter segítségével. Attól függően fogja a rendszer kezelni őket, hogy milyen értéket adunk neki.

    <script type="text/javascript">
        var variable_name = 1;
        // vagy
        var variable2_name = "ez egy szöveg";
    </script>


        

A szám értékekkel ellátott változók esetében az értéket elég csak leírni, mint pl: 1, 2, 3, stb., a szöveg értékekkel ellátott változók esetében az értéket " vagy ' karakterekkel kell megjelölni, amelyikkel elkezdjük a szöveg elején, azt kell rakjuk a szöveg végére is.

    <script type="text/javascript">
        var variable_name = 'szimpla idézőjeles változó';
        // vagy
        var variable2_name = "dupla idézőjeles változó";
    </script>


        

Ezáltal, hogy mindkétféleképpen írhatjuk a szöveget tartalmazó változók értékeit, könnyedén írhatunk idézőjelt az értékbe, pl. amikor egy nevet írunk le melyben van egyes idézőjel, pl: John's

    <script type="text/javascript">
        var name = "John's";
    </script>


        

Amennyiben egyes idézőjelet használunk 'John's' érték esetében, a középső idézőjel lesz az első párja, ezáltal lesz egy harmadik ami a levegőben lóg, ez hibát eredményezne. Ezért a középső esetében meg kell mondjuk, hogy az egy speciális karakter, tennünk kell egy jelet, az alábbi módon:

    <script type="text/javascript">
        var name = 'John\'s';
    </script>


        

Lehetőségünk van a változók értékeinek az összefűzésére is a "+" karakter segítségével, mintha összeadnánk őket. Amennyiben az értékek egy-egy számot tartalmaznak a parancs tényleg összeadást fog jelenteni.

    <script type="text/javascript">
        var name = "John's";
        var location = "Amerigo"

        // a két érték összefűzése
        var variable = name + location;
        // ennek eredménye John'sAmerigo, mert nem tettünk szünetet a
        // két érték közé, helyesen így lenne:
        var variable = name + " " + location;

        var number1 = 1;
        var number2 = 2;
        var number3 = number1 + number2; // az eredmény 3 lesz
    </script>


        

Ha egy változónak nem adunk értéket, akkor az alapértéke "null" (üres) lesz.

Egy változó a használata előtt kell létezzen, különben hibát okoz és a program futása megáll.

Fontos, hogy elég egy kicsi hiba, és megállhat a teljes rendszer futása.