Vítejte!
Poslední je věk. Jeho textové pole je pro čísla (type="number"), a když v něm není platné číslo, je jeho hodnota prázdný text. A víte, že Number("") je 0, takže nejdřív zkontrolujte, jestli textové pole není prázdné:
- Když je textové pole pro věk prázdné, ukažte
Zadejte svůj věk. - Když je věk menší než 13, ukažte
Musí vám být aspoň 13 let.
Když je všechno v pořádku, formulář svou práci udělal. Odstraňte ho ze stránky a v prvku vitejte ukažte Vítejte, Anna!, jen místo Anna tam bude uživatelské jméno (bez mezer na začátku a na konci). Prvek odstraníte jeho metodou remove():
formular.remove();Prvek zmizí ze stránky i se vším, co je v něm.
A to je celý projekt. Váš formulář kontroluje, co uživatel napsal, pole po poli, pomocí trim(), length, includes() a Number(). U každého textového pole ukáže, co je špatně, zprávu vyprázdní, jakmile je pole v pořádku, a svou práci udělá, jen když je v pořádku všechno. Takhle fungují i skutečné registrační formuláře a server pak všechno zkontroluje ještě jednou, protože skript ve svém prohlížeči může kdokoli změnit. V příští lekci, Časovače a čekání, se vaše stránky naučí čekat: udělat něco za pár sekund nebo pořád dokola, třeba odpočítávat.
Jak psát:
Pokyny
Zkontrolujte věk.
Když je všechno v pořádku, odstraňte formulář a uživatele přivítejte.