Ř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.