JavaScript/Kenjiro995/Podmínky

Z Wikiverzity
Skočit na navigaci Skočit na vyhledávání

Online editor[editovat]

Není nutné cokoliv instalovat protože existují online editory.

  • https://replit.com/ - osvědčil se mi při ukládání vytvořených programů, při vytváření nové relace si lze vybrat z mnoha programovacích jazyků
  • https://jsfiddle.net/ - ideální pro počáteční experimentování (použít pro tuto hodinu)
    • okno HTML - použití scriptu v html
    • okno CSC - pro kaskádové styly
    • okno JavaScript + No-libray (pure JS) - pro psaní čistě v JavaScriptu

Podmínky if (základy - přehled)[editovat]

Konstrukce if[editovat]

Jednoduchá základní konstrukce (jednořádková):

if(podmínka) proces1;

Jednoduchá základní konstrukce (blok příkazů):

if (podmínka) {
proces1;
proces2;
procesN;
}

Konstrukce if ... else[editovat]

Jednořádková:

if (podmínka) proces1;
else procesElse;

Blok příkazů:

if (podmínka) {
proces1;
proces2;
procesN;
}
else  {
procesElse1;
procesElse2;
procesElse3;
}

Operátory podmínek[editovat]

  • porovnávací
    • < je menší
    • > je větší
    • <= je menší nebo rovno
    • >= je větší nebo rovno
    • == je rovno svou hodnotou (neřeší typ proměnné) 10 == "10"
    • === je rovno svou hodnotou a typem 10 === 10
    • != není rovno svou hodnotou (neřeší typ proměnné) 10 != "15"
    • !== není rovno svou hodnotou a typem 10 !== 15
    • ! obecná negace
  • logické
    • && logická AND "a" (musí platit jedno i druhé)
    • || logickí OR "nebo" (musí platit jedno nebo druhé)


Použití[editovat]

Základní ukázky použití[editovat]

Použití bloku if:

var a = 1;
if (a == 1) {
   document.write("a je 1");
}

Výstup:

a je 1


Použití bloku if ... else:

var a = 0;
if (a == 1) {
   document.write("a je 1");
}
else {
   document.write("a není 1");
}

Výstup:

a není 1

Vícenásobné větvení[editovat]

Konstrukce[editovat]

if (condition1) {
  // block of code to be executed if condition1 is true
} else if (condition2) {
  // block of code to be executed if the condition1 is false and condition2 is true
} else {
  // block of code to be executed if the condition1 is false and condition2 is false
}

Ukázka[editovat]

var time = 14;
var greeting;

if (time < 10) {
  greeting = "Good morning";
} else if (time < 20) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}

document.write(greeting);

Výstup:

Good day


var x = 10;
if(x > 100 ) document.write('over 100');
else if (x > 90 ) document.write('over 90');
else if (x > 50 ) document.write('over 50');
else if (x > 9 ) document.write('over 9');
else cdocument.write('lower 9');

Výstup:

over 9