if
Někdy je potřeba provést různé odlišné akce pro nějakou věc. Proto nám slouží if, který nám dokáže náš program větvit
Syntax:
if (podmínka) {
// kód
}
Příklad:
if (true) {
console.log('Hello World');
}
else if
Jenže co když naše podmínka nebude pravdivá? K tomu nám slouží else if, který otestuje jinou podmínku
Příklad:
let i = 5;
if (i === 4) {
console.log('Číslo se rovná 4');
} else if (i === 5) {
console.log('Číslo se rovná 5');
}
else
Co když nebude platit žádná z podmínek? K tomu tu pro změnu máme else, který se provede, když žádná jiná podmínka není pravdivá
Příklad:
let i = 6;
if (i === 4) {
console.log('Číslo se rovná 4');
} else if (i === 5) {
console.log('Číslo se rovná 5');
} else {
console.log('Číslo není rovno 4 ani 5');
}
Ternární operátor
Ternární operátor se dá použít jako zkratka pro if
Syntax:
podmínka ? kódCoSeProvedePokudJePravdivá : kódCoseProvedePokudNeníPravdivá
Příklad:
let age = 20;
let beverage = (age >= 18) ? "Kozel" : "Birell";
console.log({beverage});
switch
switch je náhražka pro velké množštví ifů
Ošetřuje případy, kterých může nějaká proměnná nabývat
Příklad:
let color = "red";
switch (color) {
case "red":
console.log("Barva je nastavená na hodnotu red");
break;
case "green":
console.log("Barva je nastavená na hodnotu green");
break;
case "blue":
console.log("Barva je nastavená na hodnotu blue");
break;
default:
console.log("Tuhle barvu neznám");
}
- switch (color) - switch bere v () název proměnné pro kterou ošetřuje případy
- case "red" - případ kde se proměnná color rovná hodnotě "red"
- default - pokud z žádných případů se neprovede, tak nastane kód co je napsaný v sekci default
Editor
Pro živou ukázku je CSS a JavaScript vepsaný přímo v dokumentu - v praxi tyto soubory vždy oddělujte do externích souborů
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
let age = 20;
let beverage = (age >= 18) ? "Kozel" : "Birell";
console.log({beverage});
</script>
</body>
</html>
Page
PS: Logy se zobrazují v konzoli - F12 - console