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!