WEBVTT 00:00:01.036 --> 00:00:03.846 V tomto videu nám bude pomáhat můj dobrý kamarád Winston. 00:00:03.846 --> 00:00:08.814 A přestože vypadá skvěle už teď, chtěla bych mu ještě upravit velikost očí. 00:00:08.814 --> 00:00:11.044 Jeho oči jsem nakreslila tady. 00:00:11.044 --> 00:00:13.736 Jak můžete vidět, máme zde barevnou výplň a dvě elipsy. 00:00:13.736 --> 00:00:16.883 Pokud chci tuto elipsu zmenšit, změním její šířku. 00:00:16.883 --> 00:00:18.513 Zároveň ji ale chci mít kulatou. 00:00:18.513 --> 00:00:20.554 Takže stejným způsobem změním výšku. 00:00:20.554 --> 00:00:25.105 A protože chci mít obě oči stejně velké, změním velikost taky u toho druhého. 00:00:25.460 --> 00:00:27.257 Teď jsou ale obě oči příliš malé. 00:00:27.257 --> 00:00:28.636 Takže je změním zpátky. 00:00:28.636 --> 00:00:32.981 Nebylo by lepší, kdybych změnila jen jedno číslo a změnila by se velikost obou očí? 00:00:32.981 --> 00:00:37.228 A právě proto existují proměnné. 00:00:37.228 --> 00:00:41.064 Proměnná je něco jako jméno nebo přezdívka pro něco jiného. 00:00:41.392 --> 00:00:44.694 Já si proměnou představuji jako velký kyblík se jmenovkou. 00:00:44.694 --> 00:00:47.747 Do kyblíku můžete dát cokoliv, ale jeho jmenovka zůstane stejná. 00:00:47.747 --> 00:00:52.237 Tomu, co do kyblíku ukládáme, říkáme hodnota proměnné. 00:00:53.302 --> 00:00:55.885 Pojďme si ukázat jak takovou proměnnou vytvořit. 00:00:55.885 --> 00:00:57.564 Vytvořím ji tady nahoře. 00:00:57.564 --> 00:01:00.333 Stačí napsat "var", což je zkratka pro proměnnou 00:01:00.333 --> 00:01:02.244 za ní mezeru a jméno proměnné. 00:01:02.244 --> 00:01:04.769 To by mělo popisovat, k čemu bude proměnná sloužit. 00:01:04.769 --> 00:01:06.227 Tuhle pojmenuji eyeSize. 00:01:06.227 --> 00:01:08.087 Jméno může být cokoliv, co vás napadne, 00:01:08.087 --> 00:01:10.043 Nemůžete však dělat mezery mezi slovy. 00:01:10.043 --> 00:01:12.094 A samozřejmě nesmíte zapomenout na středník. 00:01:12.248 --> 00:01:14.447 Takže mám proměnnou se jménem eyeSize. 00:01:14.447 --> 00:01:16.936 Bude v ní uložena velikost Winstonových očí. 00:01:16.936 --> 00:01:19.646 Tahle proměnná ale ještě nemá přiřazenou hodnotu. 00:01:19.846 --> 00:01:27.710 Pro přiřazení hodnoty jednoduše napíšeme: eyeSize, rovnítko, dvacet a středník. 00:01:27.710 --> 00:01:31.760 Při pohledu na rovnítko zapomeňte na to, co vám o něm říkali ve škole. 00:01:31.760 --> 00:01:34.136 Rovnítko v našem případě neznamená "rovná se". 00:01:34.136 --> 00:01:35.461 Znamená to "přiřazení". 00:01:35.461 --> 00:01:41.393 Tady přiřazujeme hodnotu 20 proměnné eyeSize. 00:01:41.463 --> 00:01:45.866 Tedy hodnotu 20 dáváme do kyblíku se jménem eyeSize. 00:01:45.866 --> 00:01:51.769 Pamatujete, jak v matematice můžete napsat obojí "x = 3" nebo "3 = x"? 00:01:51.769 --> 00:01:54.489 A pořád to znamená to samé, protože je tam rovnítko. 00:01:54.574 --> 00:01:56.320 Tak tohle tady neplatí. 00:01:56.381 --> 00:01:59.965 Na levé straně rovnítka je vždycky název proměnné. 00:01:59.965 --> 00:02:05.238 A na pravé straně je hodnota, kterou proměnné přiřazujete. 00:02:05.501 --> 00:02:07.821 Tohle si snáz zapamatujete, 00:02:07.821 --> 00:02:11.683 když si během kódování a mluvení nahlas, jak to dělají všichni hustí programátoři, 00:02:11.683 --> 00:02:15.360 při použití rovnítka neřeknete "rovná se", ale "je". 00:02:15.360 --> 00:02:19.013 Takže ve výsledku to bude: "eyeSize je 20". 00:02:19.672 --> 00:02:22.099 Od teď kdekoliv v programu použiji název eyeSize, 00:02:22.099 --> 00:02:28.306 počítač si řekne: "Aha, proměnná, čili ona ve skutečnosti chce hodnotu 20." 00:02:28.306 --> 00:02:29.193 Sledujte. 00:02:29.193 --> 00:02:38.033 Prostě jen zkopíruji tohle, a nahradím tahle čtyři čísla názvem proměnné eyeSize. 00:02:38.212 --> 00:02:39.549 A podívejte! 00:02:39.701 --> 00:02:43.902 Obě Winstonovy oči jsou kulaté a mají stejnou velikost. 00:02:44.001 --> 00:02:48.013 V případě, že chci změnit velikost obou očí, 00:02:48.013 --> 00:02:51.085 stačí mi změnit hodnotu jediné proměnné. 00:02:51.085 --> 00:02:53.301 A to je fakt super! 00:02:54.062 --> 00:02:55.602 Ještě pár poznámek na závěr. 00:02:55.727 --> 00:02:58.376 Tady jsme vytvořili novou proměnnou nazvanou eyeSize. 00:02:58.639 --> 00:03:01.226 A tady jsme jí přiřadili hodnotu 33. 00:03:01.226 --> 00:03:03.313 Tohle vše se dá navíc udělat v jednom kroku. 00:03:03.313 --> 00:03:05.985 Napíšeme "var eyeSize", to je první krok, 00:03:05.985 --> 00:03:09.114 "je 33", to je druhý krok. 00:03:09.114 --> 00:03:12.557 A když teď smažu tyhle dva řádky, uvidíte, že vše pořád funguje. 00:03:13.452 --> 00:03:16.840 Také je dobré vědět, že počítač čte váš kód shora dolů. 00:03:16.840 --> 00:03:21.562 Hodnotu proměnné eyeSize tedy věděl, protože jsme ji definovali tady nahoře. 00:03:21.562 --> 00:03:28.349 Kdybych ji definovala až tady dole, počítač by se dostal sem a řekl by si: 00:03:28.349 --> 00:03:30.950 "Hele eyeSize, co to je, nic takového neznám." 00:03:30.950 --> 00:03:34.327 A proto se nám tady objevila chyba, že proměnná eyeSize není definována. 00:03:34.327 --> 00:03:35.548 A možná si říkáte: 00:03:35.548 --> 00:03:37.680 "Ale já jsem ji definoval, vždyť je tady!" 00:03:37.680 --> 00:03:40.341 Ale počítač není zas tak chytrý a to mu prostě nedojde. 00:03:40.341 --> 00:03:42.827 Vrátíme to teď zpátky nahoru. 00:03:44.186 --> 00:03:45.472 A vždycky se ujistěte, 00:03:45.472 --> 00:03:48.711 že vaše proměnné definujete předtím, než se je pokusíte někde použít. 00:03:49.311 --> 00:03:50.841 A teď už umíte pracovat proměnnými!