JavaScript – 6. lekce
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama

JavaScript – 6. lekceJavaScript – 6. lekce

 
Hledat
Moderní platforma pro vytvoření vašeho nového webu – Wix.com.
Nyní už můžete mít web zdarma.
Vybavení pro Laser Game
Spuštěn Filmový magazín
Laser Game Brno
Laser Game Ostrava

JavaScript – 6. lekce

Google       Google       21. 3. 2006       31 185×

  • Cykly
  • If a Else

Reklama
Reklama

Cykly

V této kapitole si si jako první vysvětlíme JavaScriptové cykly, a to cyklus Do-while, While a For. Cykly jsou velmi užitečné pro zobrazování opakujících se událostí. My si ukážeme použití cyklu na jednoduchém příkladu – zobrazení po sobě jdoucích čísel.

Jako první si ukážeme smyčku Do-While:


<script language="JavaScript" type="text/javascript">
 x = 1;
 do {
  document.write(x + " ");
  x++;
 }
 while(x < 11);
</script>

Jako druhý příklad uvedu samostatné While:


<script language="JavaScript" type="text/javascript">
 x = 1;
 while(x < 11){
  document.write(x + " ");
  x++;
}
</script>

A jako poslední případ nejpoužívanější For:


<script language="JavaScript" type="text/javascript">
 for(x = 1; x < 11; x++)
  document.write(x + " ");
</script>

Všechny uvedené příklady by vám měly zobrazit:


1 2 3 4 5 6 7 8 9 10

Vysvětlení nových příkazů:

  • x++ – výraz ++ je matematickým operátorem, jenž do ukončení smyčky přičítá 1 (v našem případě), je to to samé jako x + 1
  • systém Do-While – česky Dělej-Dokud, v našem případě je napsáno: „Zapisuj čísla, která se postupně zvětšují o 1, ale nesmí být větší než jedenáct.“, za zmínku stojí, že cykly vypisují celá čísla (i záporná)
  • systém While – česky Dokud, v našem případě je napsáno: „Dokud je x menší než jedenáct, tak ho zapisuj jako čísla od jedné, jenž se postupně zvětšují o 1 (nesmí přesáhnout hranici 11).“
  • systém For – česky Pro, v našem případě je napsáno: „Pro x, které začíná od jedné a není větší než 11, zapisujeme jako čísla od jedné do deseti (jelikož se x nesmí rovnat 11).“
  • stojí také za zmínku, že x < 11 jze nahradit výrazem x <= 10 (x je menší nebo rovno 10)

If a Else

Ještě v této kapitole si vysvětlíme základy používání příkazů if a else, které se nám do budoucna budou velmi hodit. Příkaz if označuje pravdu, tudíž splnění určitých podmínek a else je jeho opakem. Ukážu vám jednoducý příklad, jehož výsledkem bude okno, kde máte uhodnout název nějakého zvířete, výsledek hádání uvidíte na vaší stránce.

Tady je kód:


<script language="JavaScript" type="text/javascript">
zvire = prompt("Zkuste uhodnout název zvířete.", "zvíře");
if(zvire == "pes"){
 document.write("Uhodli jste psa!");
}
else if(zvire == "prase"){
 document.write("Uhodli jste prase!");
}
else if(zvire == "koza"){
 document.write("Uhodli jste kozu!");
}
else {
 document.write("Neuhodli jste nic!");
}
</script>

Objasníme si nevysvětlené prvky:

  • prompt – prompt je okno, ve kterém se zobrazuje vámi napsaný text otázky a pole, kam se může odpovídat (první údaj v závorce za prompt je otázka a druhý je primární text zobrazující se v dialodovém poli).
  • operátor == – znamená je rovno (používá se, když proměnnou vyjadřuje taxt nebo písmeno, u čísel se používá jenom jedno =)
  • else if - pokud má pravda více podob označujeme je jako else if

Úkol

Napište script, který zobrazí okno prompt a když se do něj napíše 'numbers', na stránce se objeví čísla od 0 do 100 (cyklus můžete použít jaký chcete).

×Odeslání článku na tvůj Kindle

Zadej svůj Kindle e-mail a my ti pošleme článek na tvůj Kindle.
Musíš mít povolený příjem obsahu do svého Kindle z naší e-mailové adresy kindle@programujte.com.

E-mailová adresa (např. novak@kindle.com):

TIP: Pokud chceš dostávat naše články každé ráno do svého Kindle, koukni do sekce Články do Kindle.

Hlasování bylo ukončeno    
0 hlasů
Google
(fotka) Tomáš BobekAutor je designérem stránek (2D grafika), ovládá jazyky HTML, CSS, PHP, JavaScript a zajímá se o programování v Javě.Krom programujte.com se podílí na projektech maths.cz (jako redaktor a grafik), ceskewebstudio.cz (jako designér) a webber.cz (jako JavaScript scriptař). Ostatní volný čas rád tráví s přáteli nebo sportuje (tenis, nohejbal, hokejbal, závodně fotbal).
Web     Twitter     Facebook    

Nové články

Obrázek ke článku Už v roce 2022 proteče průměrným chytrým telefonem 11 GB dat měsíčně, říká studie Cisco

Už v roce 2022 proteče průměrným chytrým telefonem 11 GB dat měsíčně, říká studie Cisco

V roce 2022 bude vlastnit mobilní zařízení 5,5 miliardy lidí (71 % světové populace), celkový počet mobilních zařízení připojených k internetu přesáhne 8 miliard a průměrný chytrý telefon přenese 11 GB dat měsíčně. Vyplývá to ze studie Cisco Mobile Visual Networking Index, která předpovídá budoucí vývoj mobilního datového provozu. Ta si dále všímá toho, že uživatelé budou stále více využívat Wi-Fi připojení. I proto se počet Wi-Fi hotspotů celosvětově zvýší na více než půl miliardy.

Reklama
Reklama
Obrázek ke článku Průmyslové firmy chtějí zkrátit proces přijímání lidí ze zemí mimo EU. Inspiraci vidí v Polsku.

Průmyslové firmy chtějí zkrátit proces přijímání lidí ze zemí mimo EU. Inspiraci vidí v Polsku.

Pokud chtějí průmyslové firmy v Česku obsadit volné místo uchazečem ze země mimo Evropskou unii, znamená to pro ně i půlroční čekání. Výrazně to přitom pociťuji i na vynaložených nákladech. Svaz průmyslu a dopravy chce proto zkrátit měsíční lhůtu vyvěšení volné pozice na Úřadu práce. Průmyslové firmy a personalisté by však volili komplexnější zjednodušení, o pracovní povolení by měli žádat přímo zaměstnavatelé. Jako vzor uvádějí dlouhodobě fungující systém v Polsku či Maďarsku.

Obrázek ke článku Pět mýtů spojených s tvorbou e-shopů

Pět mýtů spojených s tvorbou e-shopů

Chuť Čechů nakupovat online stále roste a internetovým obchodům se v Česku daří. I proto o vlastním e-shopu přemýšlí i podnikatelé, kteří si dosud vystačili s kamennou prodejnou nebo profilem na sociální síti či prodejním portálu. Kolem samotné tvorby webu však stále panuje řada mýtů, které mnohdy od založení e-shopu zbytečně odrazují

Obrázek ke článku Konference: Cloud computing rychle mění firemní IT

Konference: Cloud computing rychle mění firemní IT

Cloud computing se během několika posledních let stal samozřejmostí a jeho využití stále roste. Drtivá většina velkých firem již disponuje multicloudovou strategií, v průměru používají více než 3 cloudy současně a s dalšími experimentují. Co přesně cloud firmám přináší? Na jaké problémy lze při jeho využívání narazit? I na tato témata se zaměřuje konference Cloud computing v praxi, která se koná 21. 3. 2019 v pražském Kongresovém centru Vavruška na Karlově náměstí 5.

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032019 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý