Úloha 1 – Víceúrovňová podmínka s if–else if–else

Úvod do úlohy

Podmínky jsou jedním ze základních stavebních kamenů programování. Díky nim může program reagovat na různé situace a rozhodovat se, jaký blok kódu spustí. V praxi se s podmínkami setkáte neustále – například když webová stránka kontroluje, zda uživatel vyplnil povinné pole, nebo když aplikace zobrazí jinou zprávu v závislosti na věku uživatele. Bez podmínek by všechny programy běžely stále stejně, bez ohledu na vstupní data, a to by nebylo příliš užitečné.

Teorie a principy

Základní konstrukcí v JavaScriptu je if–else.

• Klíčové slovo if se používá k určení podmínky.

• V kulatých závorkách se nachází logický výraz, který se vyhodnotí na true (pravda) nebo false (nepravda).

• Pokud je výraz true, vykoná se kód uvnitř složených závorek { }.

• Část else je volitelná a spustí se tehdy, když podmínka v if nebyla splněna. Pokud ji nepoužijete, program se jednoduše přesune dál a nic se nestane.

Důležité je vědět, že logický výraz nemusí být jen jednoduché porovnání. Může zahrnovat číselné i textové hodnoty, různé operátory (==, >, <, !=) a výsledkem vždy bude pravda nebo nepravda.

Praktické příklady kódu

1. Jednoduchý if bez else:

2. If–else konstrukce:

Typické chyby / záludnosti

• Chybějící závorky: studenti občas vynechají { }, což může vést k nečekanému chování, hlavně když má být spuštěno více příkazů.

• Záměna = a ==: znak = slouží k přiřazení, zatímco == porovnává hodnoty. Pokud napíšete if (vek = 18), nebudete nic porovnávat, ale přepíšete proměnnou vek na 18.

• Else není povinný: někteří studenti se domnívají, že bez else program spadne. Není to pravda – část else je jen možnost, nikoli povinnost.

Shrnutí

• Podmínky umožňují programu reagovat na různé situace.

• Základní syntaxe:

• Část else není povinná – když chybí a podmínka není splněna, program prostě pokračuje dál.

• Dávejte si pozor na závorky a rozdíl mezi = (přiřazení) a == (porovnání).

Úloha

Zadání (kontext úlohy):

Tvůj program bude rozhodovat, jaký typ obsahu se uživateli zobrazí podle jeho věku. Nejde jen o to, jestli má přístup, ale také o to, zda dostane doporučení pro dětskou, studentskou nebo dospělou verzi webu.

Cíl úlohy:

Procvičit si podmínky if–else if–else a porovnávání číselných hodnot.

Vstupní podmínky:

• Student pracuje pouze s nově vytvořeným souborem script.js.

• Do proměnné vek ulož nějakou číselnou hodnotu.

Požadovaný výstup:

• Pokud je věk menší než 13 → alert("Zobrazuji dětskou verzi webu.")

• Pokud je věk 13 až 17 → alert("Zobrazuji studentskou verzi webu.")

• Pokud je věk 18 a více → alert("Zobrazuji obsah pro dospělé.")

Doplňující pokyny:

• Dávej pozor, aby se podmínky nepřekrývaly.

• Nejprve otestuj nejnižší věk a pak pokračuj k vyšším.

• Pamatuj, že else if a else jsou dobrovolné, ale pomáhají udržet kód přehledný.

Řešení úlohy

Co je zde splněno

• Do proměnné vek je uložen číselný údaj.

• Použity podmínky if, else if, else.

• Ošetřeny všechny tři věkové skupiny bez překryvu.

• Program vypisuje správnou hlášku pomocí alert().

Vylepšení oproti začátečnické verzi

• Použita proměnná zprava, která drží výsledný text, což zpřehledňuje kód a umožňuje jej později snadno rozšířit.

• V druhé podmínce je použito jen vek <= 17, protože logicky platí, že předchozí větev už vyloučila menší věky.

• Použití const pro neměnný věk a přehlednější struktura.

Poznámky

• Při testování podmínek je důležité začínat od nejnižší hranice a postupovat nahoru.

• Díky else if a else se vykoná vždy jen jedna větev.