JavaScript - začátečníci (2)

1. Promĕnné hodnoty
2. Funkce
3. Promĕnné a funkce dohromady

Teď se podíváme na trochu (ne moc) komplikovanĕjší záležitosti, promĕnné hodnoty a funkce. Již jste se setkali s funkcí alert(), která je součástí JavaScriptu. Zde se naučíte vytvořit si své vlastní funkce, které budou provádĕt užitečné vĕci použitím promĕnných hodnot.

Promĕnné hodnoty

Promĕnné hodnoty budeme nadále nazývat jenom promĕnné. Promĕnné jsou místa v pamĕti počítače, ve kterých můžeme dočasnĕ skladovat hodnoty - text nebo čísla. Toto je užitečné pro výpočty a pro předávání informací z jedné časti programu do druhé. Promĕnné je nejprve zapotřebí definovat - tedy pojmenovat a popsat jejich vlastnosti, jako například velikost. Toto je deklarace nebo prohlášení, které prozatím budeme dĕlat mezi párovými tagy HEAD, kde je umístíme mezi párové tagy SCRIPT. Promĕnná se v JavaScriptu nazývá variable, nebo krátce var.

Vysvĕtlení:

1. var
   značí úmysl deklarovat promĕnnou.
2. jméno
   toto je libovolné jméno, kterým budeme nazývat promĕnnou. Nepoužívejte jména, která jsou rezervované JavaScriptové výrazy, jako naříklad title, nebo name.
3. hodnota
   toto je hodnota, kterou bude promĕnná mít na začátku - hodnota kterou jí dáte. Může to být číslo, text, nebo výrazy jako true (ano), false (ne) nebo null (nic).

Čísla

var počet=3;
var cena=9.95;

Text

var položka='výrobek 1';

Zde je zapotřebí použít úvozovky, jinak prohlížeč bude očekávat číslo.

Ano/ne hodnoty

Toto jednoduše znamená hodnotu true (ano) nebo false (ne). Obvykle se to vztahuje na ty malé čtverečky nebo kolečka (vypínače a přepínače), které občas vidíte ve formulářích - jsou buďto zaškrtnuté, nebo nejsou.

var zaškrtnuté=true;

Prázdné hodnoty

Toto znamená doslova 'nic' - není to ani nula. Obvykle se to vztahuje na prázdné formuláře.

var peníze=null;

Velká písmena

V JavaScriptu si musíte pořád dávat velký pozor na velká malá písmena. Například 'Honza', není stejná vĕc jako 'HONZA'.

Polotečky

Jávascriptové příkazy a deklarace musí být zakončené polotečkou.

Diakritika

Při programování je dobrý nápad vyhýbat se diakritice, protože to nĕkdy nefunguje. Asi záleží na počítači a prohlížeči.

Funkce

Funkce jsou nĕkolik příkazů a deklarací, které slouží stejnému účelu. Proto se kódují spolu a mají společné jméno, což umožní jejich opakované použití, bez opakování kódu jako takového. Funkce musí být vloženy mezi párové tagy SCRIPT, které musí být vloženy mezi párové tagy HEAD:

Vysvĕtlení:

1. function
   značí úmysl deklarovat funkci
2. jméno
   libovolné jméno funkce
3. (parameter1, parameter2)
   parametry jsou vstupné údaje, které funkce bude používat, například pro nĕjaký výpočet. Funkce může mít nĕkolik parametrů, nebo žádné.
4. 
   tento znak znamená konec funkce.

Když chcete takto vytvořenou funkci použít, 'vyvoláte' ji tímto způsobem:

jméno (parameter1, parameter2, .);

Tak teď se podíváme, jak by jsme mohli zmĕnit text statového řádku, použitím funkce s parametry:

Když se dotknete odkazu myší, objeví se text ve statovém řádku a potom zase zmizne, když myš odtáhnete.

Vysvĕtlení:

V tagu HEAD

1. function naodkaz(text1)
   vytvoření funkce jménem 'naodkaz', která vyžaduje, aby jsme jí poskytli text v podobĕ jednoho parametru, s kterým provede svůj úkol - přidání textu do statového řádku.
2. 
   značí konec funkce 'naodkaz'
3. function zodkazu (text2)
   vytvoření funkce jménem 'zodkazu', která vyžaduje, aby jsme jí poskytli text v podobĕ jednoho parametru, s kterým provede svůj úkol - přidání textu do statového řádku. V tomto případĕ text je jenom prázdná mezera.
4. window.status=text2;
   tento příkaz vloží hodnotu parametru jménem 'text2' do statového řádku

V tagu BODY

Tento tag vyvolá obĕ funkce. Nejprve vyvolá funkci jménem 'naodkaz', která vloží text 'Hurá funkcím' do statového řádku, když se dotknete myší odkazu. Potom vyvolá funkci 'jménem zodkazu', když zase pohnete myší pryč z odkazu. Tato funkce odstraní text ze statového řádku tím, že do nĕho vloží mezeru.

Fráze 'return true' zajistí, že script vrátí hodnotu 'true.'

Promĕnné a funkce dohromady

V předchozím příkladĕ jsme použili funkce, ale nepoužili jsme promĕnné. Funkce jsou nejužitečnĕjší, když poskytujeme hodnoty pro jejich parametry použitím promĕnných. Takto je možné opakovat jeden výpočet pro různé hodnoty. Dobrým příkladem je výpočet celkové hodnoty objednávky, když se zmĕní počet kusů.

Prozatím se uspokojíme s předešlým příkladem, ve kterém však předáme text funkcím v podobĕ promĕnných. Je ti sice přílišnĕ zjednodušený a pomĕrnĕ bezúčelný příklad, ale ilustruje použití promĕnných a funkcí.