JavaScript/Kenjiro995/Podmínky

Online editor

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)

Konstrukce if

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

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

• 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í

Základní ukázky použití

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í

Konstrukce

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

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