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

JavaScript – 6. lekceJavaScript – 6. lekce

 

JavaScript – 6. lekce

Google       Google       21. 3. 2006       25 533×

  • 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 Delphi 10.1.2 (Berlin Update 2) – na co se můžeme těšit

Delphi 10.1.2 (Berlin Update 2) – na co se můžeme těšit

Touto roční dobou, kdy je zem pokrytá barevným listím a prsty křehnou v mrazivých ránech, se obvykle těšíme na zbrusu novou verzi RAD Studia. Letos si však ale budeme muset počkat na Godzillu a Linux až do jara. Vezměme tedy za vděk alespoň updatem 2 a jelikož dle vyjádření pánů z Embarcadero se budou nové věci objevovat průběžně, pojďme se na to tedy podívat.

Reklama
Reklama
Obrázek ke článku Konference: Moderní datová centra pro byznys dneška se koná už 24. 11.

Konference: Moderní datová centra pro byznys dneška se koná už 24. 11.

Stále rostoucí zájem o cloudové služby i maximální důraz na pružnost, spolehlivost a bezpečnost IT vedou k výrazným inovacím v datových centrech. V infrastruktuře datových center hraje stále významnější roli software a stále častěji se lze setkat s hybridními přístupy k jejich budování i provozu.

Obrázek ke článku Konference: Mobilní technologie mají velký potenciál pro byznys

Konference: Mobilní technologie mají velký potenciál pro byznys

Firmy by se podle analytiků společnosti Gartner měly  rychle přizpůsobit skutečnosti, že mobilní technologie už zdaleka nejsou horkou novinkou, ale standardní součástí byznysu. I přesto - nebo možná právě proto - tu nabízejí velký potenciál. Kde tedy jsou ty největší příležitosti? I tomu se bude věnovat již čtvrtý ročník úspěšné konference Mobilní řešení pro business.

Obrázek ke článku Hackerský kongres přiveze v září do Prahy špičky světové kryptoanarchie

Hackerský kongres přiveze v září do Prahy špičky světové kryptoanarchie

Hackerský kongres HCPP16 pořádá od 30. září do 2. října nezisková organizace Paralelní Polis již potřetí, a to ve stejnojmenném bitcoinovém prostoru v pražských Holešovicích. Letos přiveze na třídenní konferenci přes 40 většinou zahraničních speakerů – lídrů z oblastí technologií, decentralizované ekonomiky, politických umění a aktivismu. Náměty jejich přednášek budou také hacking, kryptoměny, věda, svoboda nebo kryptoanarchie.

loadingtransparent (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();
Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý