V tomto videu nám bude pomáhat můj dobrý kamarád Winston.
A přestože vypadá skvěle už teď, chtěla bych mu ještě upravit velikost očí.
Jeho oči jsem nakreslila tady.
Jak můžete vidět, máme zde barevnou výplň a dvě elipsy.
Pokud chci tuto elipsu zmenšit, změním její šířku.
Zároveň ji ale chci mít kulatou.
Takže stejným způsobem změním výšku.
A protože chci mít obě oči stejně velké, změním velikost taky u toho druhého.
Teď jsou ale obě oči příliš malé.
Takže je změním zpátky.
Nebylo by lepší, kdybych změnila jen jedno číslo a změnila by se velikost obou očí?
A právě proto existují proměnné.
Proměnná je něco jako jméno nebo přezdívka pro něco jiného.
Já si proměnou představuji jako velký kyblík se jmenovkou.
Do kyblíku můžete dát cokoliv, ale jeho jmenovka zůstane stejná.
Tomu, co do kyblíku ukládáme, říkáme hodnota proměnné.
Pojďme si ukázat jak takovou proměnnou vytvořit.
Vytvořím ji tady nahoře.
Stačí napsat "var", což je zkratka pro proměnnou
za ní mezeru a jméno proměnné.
To by mělo popisovat, k čemu bude proměnná sloužit.
Tuhle pojmenuji eyeSize.
Jméno může být cokoliv, co vás napadne,
Nemůžete však dělat mezery mezi slovy.
A samozřejmě nesmíte zapomenout na středník.
Takže mám proměnnou se jménem eyeSize.
Bude v ní uložena velikost Winstonových očí.
Tahle proměnná ale ještě nemá přiřazenou hodnotu.
Pro přiřazení hodnoty jednoduše napíšeme: eyeSize, rovnítko, dvacet a středník.
Při pohledu na rovnítko zapomeňte na to, co vám o něm říkali ve škole.
Rovnítko v našem případě neznamená "rovná se".
Znamená to "přiřazení".
Tady přiřazujeme hodnotu 20 proměnné eyeSize.
Tedy hodnotu 20 dáváme do kyblíku se jménem eyeSize.
Pamatujete, jak v matematice můžete napsat obojí "x = 3" nebo "3 = x"?
A pořád to znamená to samé, protože je tam rovnítko.
Tak tohle tady neplatí.
Na levé straně rovnítka je vždycky název proměnné.
A na pravé straně je hodnota, kterou proměnné přiřazujete.
Tohle si snáz zapamatujete,
když si během kódování a mluvení nahlas, jak to dělají všichni hustí programátoři,
při použití rovnítka neřeknete "rovná se", ale "je".
Takže ve výsledku to bude: "eyeSize je 20".
Od teď kdekoliv v programu použiji název eyeSize,
počítač si řekne: "Aha, proměnná, čili ona ve skutečnosti chce hodnotu 20."
Sledujte.
Prostě jen zkopíruji tohle, a nahradím tahle čtyři čísla názvem proměnné eyeSize.
A podívejte!
Obě Winstonovy oči jsou kulaté a mají stejnou velikost.
V případě, že chci změnit velikost obou očí,
stačí mi změnit hodnotu jediné proměnné.
A to je fakt super!
Ještě pár poznámek na závěr.
Tady jsme vytvořili novou proměnnou nazvanou eyeSize.
A tady jsme jí přiřadili hodnotu 33.
Tohle vše se dá navíc udělat v jednom kroku.
Napíšeme "var eyeSize", to je první krok,
"je 33", to je druhý krok.
A když teď smažu tyhle dva řádky, uvidíte, že vše pořád funguje.
Také je dobré vědět, že počítač čte váš kód shora dolů.
Hodnotu proměnné eyeSize tedy věděl, protože jsme ji definovali tady nahoře.
Kdybych ji definovala až tady dole, počítač by se dostal sem a řekl by si:
"Hele eyeSize, co to je, nic takového neznám."
A proto se nám tady objevila chyba, že proměnná eyeSize není definována.
A možná si říkáte:
"Ale já jsem ji definoval, vždyť je tady!"
Ale počítač není zas tak chytrý a to mu prostě nedojde.
Vrátíme to teď zpátky nahoru.
A vždycky se ujistěte,
že vaše proměnné definujete předtím, než se je pokusíte někde použít.
A teď už umíte pracovat proměnnými!