Úloha 2 – DOM manipulace: čtení a zápis hodnot z inputu

Řešení úlohy

Co je zde splněno

• Použití document.querySelector() pro výběr všech prvků.

• Zastavení klasického odeslání pomocí event.preventDefault().

• Čtení hodnoty z textového pole pomocí .value.

• Zápis textu do odstavce pomocí .textContent.

• Ověření, zda je pole prázdné (if (jmeno == "")).

• Zpráva se aktualizuje při každém kliknutí.

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

• Použití šipkové funkce pro stručnější zápis.

• Použití formulářové události submit místo kliknutí na tlačítko (profesionálnější přístup).

• Využití metody .trim() k odstranění mezer.

• Moderní řetězcová interpolace ${jmeno} místo řetězení.

• Přidán jednoduchý CSS styl pro lepší vzhled.

Poznámky

• Pokud by bylo tlačítko typu submit bez preventDefault(), stránka by se po odeslání znovu načetla.

• U začátečníků je vhodné psát == místo přísného ===, aby se soustředili na logiku, ne na typy.