Kontrola zadání

Zkuste kliknout na Přidat, když jsou obě políčka prázdná. V seznamu se objeví položka bez názvu za 0 Kč. Dobrá aplikace taková data nepřijme: zkontroluje, co uživatel zadal, a když je něco špatně, řekne mu co.

Kontroly patří na začátek obsluhy kliknutí, před přidání položky. Když je něco špatně, obsluha zobrazí zprávu v odstavci zprava a skončí pomocí return. Jak víte z lekce o funkcích, return funkci ukončí, takže kód, který položku přidává, se už neprovede:

if (nazev === "") {
    zprava.textContent = "Napište, co chcete koupit.";
    return;
}

A co cena? Když je políčko pro cenu prázdné, jeho hodnota je prázdný text "" a Number("") je 0. Prázdný text dostanete z políčka pro čísla i tehdy, když v něm není platné číslo. Jediná podmínka cena <= 0 tak zachytí prázdnou cenu, nulu i záporné ceny.

A když je všechno v pořádku, nesmí na stránce zůstat stará zpráva. Před přidáním položky ji proto vymažte.

Pokyny

Na začátek obsluhy kliknutí (hned za řádky, které načtou nazev a cena) přidejte podmínku: když je nazev prázdný text, zobrazte v odstavci zprava text Napište, co chcete koupit. a obsluhu ukončete pomocí return.

Přidejte druhou podmínku: když je cena rovna 0 nebo menší, zobrazte v odstavci zprava text Zadejte cenu větší než 0. a obsluhu ukončete pomocí return.

Když obě kontroly projdou, vymažte před přidáním položky zprávu (zprava.textContent = ""). Vyzkoušejte to: klikněte na Přidat s prázdným políčkem a pak přidejte správnou položku. Zpráva zmizí.

Začněte programovat zdarma

4/6