Predtým než začneme písať skripty, musíme si niečo povedať o syntaxi JavaScriptu.

Syntax JavaScriptu je podobná syntaxi jazyku C/C++ a jazyku Java. Kompletný popis môžte nájsť na Netscape's JavaScript Reference alebo Microsoft's JScript Reference.

Premenné

Premenné sú dosť podstatná časť každého programovacieho jazyka a preto ich netreba podceniť a je potrebné zvládnuť ich perfektne. Premenné deklarujeme slovom var. Identifikátor môže mať ľubovoľnú dĺžku a pozostávať z akéhokoľvek písmena, čísla a znaku podtržníka (_) pokiaľ nieje prvý znak číslo. Ako identifikátor nemôžeme použiť kľúčové slová. Zoznam kľúčových slov aj s popisom zverejním v ďaľšej časti. Pretože je JavaScript CaSe SensiTIVE premenná s názvom "text" nieje to isté čo premenná "TEXT" alebo "tEXT".

Premenné deklarované mimo funkciu priamo v tele skriptu sú globálne premenné.Ďalší druh premenných sú tzv. lokálne premenné. Tieto premenné sú dostupné len z funkcie, nie z celého skriptu.

V praxi môže nastať prepísanie lokálnej premennej premennou globálnou tzv. prekrývanie premenných.

Pár príkladov:

var txt;
var ciselko;
var start = 1;
var ErrorMessage = "Chyba.";
var point = 3.6;
var 11klientov = true;        // chybný zápis

Textové reťazce

Premenné obsahujúce text, HTML kód..
Zapisujú sa vždy spolu s úvodzovkami (") alebo s apostrofom ('). Dosť často je tiež potrebné kombinovať tieto spôsoby zápisu. Lepší bude asi príklad.:

var t1 = "Toto je reťazec 1";
var t2 = 'TOTO reťazec č.2';
var t3 = 'Toto reťazec s ú"v"o"d"z"o"v"k"a"m"i';
var t4 = "Toto reťazec s ú\"v\"o\"d\"z\"o\"v\"k\"a\"m\"i";
var t5 = "Chy"ba ";
var t6 = "Správne:Chy\"ba.";

Po vypísaní pomocou document.write(premenná); dostanete nasledovné:

Z príkladu môžte vidieť, že pokiaľ sa v reťazci používa rovnaký druh úvodzoviek je potrebné pred tie, ktoré sa majú zobraziť v texte vložiť lomítko (\"). V opačnom prípade by reťazec spôsobil chybu tým, že časť za ďaľšími úvodzovkami by bola interpretovaná ako chyba a spôsobila nefunkčnosť celého skriptu ako t5 (obsah t5 nieje možné vypísať). Pri kombináciách úvodzoviek ako v príklade t3 nieje potrebné používať lomítka, čiže je vhodné keď sa druhy úvodzoviek kombinujú.

Operátory a výrazy

Je podporovaná väčšina operátorov a výrazov, ktoré používa Java, C/C++. Operátory sa používajú na manipuláciu alebo porovnávanie premenných. V JavaScripte sa delia na aritmetické, logické a bitové operátory.

Aritmetické operátory:

• Sčítanie (+)
• Odčítanie (-)
• Násobenie (*)
• Delenie (/)
• Inkrementácia - zvýšenie o 1 (++)
• Dekrementácia - zníženie o 1 (--)
• Modulo - zvyšok po delení (%)

<script type = "text/javascript">
var num1 = 10;
var num2 = 1;
var num ;
num = num1 + num2;
document.write(num);    //sčítanie dvoch premenných - výsledok 11
document.write("<br>");    //nový riadok
num++;
document.write(num);    //inkrementácia premennej (++) - výsledok 12
document.write("<br>");    //nový riadok
num--;
document.write(num);    //dekrementácia premennej - výsledok 11
document.write("<br>");    //nový riadok
num = num1 - num2;
document.write(num);    //odčítanie dvoch premenných - výsledok 9
document.write("<br>");    //nový riadok
num = num1 * 2;
document.write(num);    //násobenie premennej a čísla - výsledok 20
document.write("<br>");    //nový riadok
</script>


Výsledok:

Operátor mod (modulo) % zvyšok po delení sa používa podobne ako ostatné s tým, že vracia celočíselný zvyšok po delení. Napr.

var cislo = 10 % 3;         // cislo bude mať hodnotu 1
cislo = 10 % 2;            // cislo bude mať hodnotu 0
cislo = 10 % (-3.5);      // cislo bude mať hodnotu 3
cislo = -10 % 3.5;       // cislo bude mať hodnotu -3
cislo = -10 % (-3.5);   // cislo bude mať hodnotu -3


Myslím, že z príkladu je všetko jasné. Ešte dodám, že aritmetické operátory je možné skracovať:

x = x + y;
- je to isté ako -
x += y;

Logické operátory:

• Rovná sa (==)
• Večší ako (>)
• Večší alebo rovný ako (>=)
• Menši ako (<)
• Menší alebo rovný ako (<=)
• Nerovná sa (!=)
• Identita (===)
• Logický súčin tj. AND (&&)
• Logický súčet tj. OR (||)
• Logický zápor tj. NOT (!)
• Podmienkový operátor (?:)

Je potrebné uvedomiť si rozdiel medzi operátormi =,==, a ===. Prvý z nich znamená vždy priradenie (=) - x = 5;. Druhý (==) slúži k porovnávaniu jednotlivých premenných či už textových alebo číselných a tretí (===) tzv. identita je tiež porovnávací operátor ale s tým, že pri porovnávaní tu je dôležité či je hodnota v rovakom objekte. To zatiaľ nebudeme potrebovať.

Výsledkom porovnania je vždy hodnota typu Boolean (true alebo false).

Podmienkový operátor funguje nasledovne :

var cislo;
(a>b) ? cislo=1 : cislo=2 ;

- pokiaľ je hodnota a väčšia ako hodnota b - podmienka je splnená a do premennej cislo je ulozená hodnota stojaca pred dvojbodkou. Ak je b väčšie do premennej cislo sa uloží hodnota stojaca za dvojbodkou.

O použití logických operátorov si povieme viac v diely, v ktorom budu vysvetlené príkazy na riadenie toku programu.