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

Úloha

Zadání (kontext úlohy):

Na stránce je jednoduchý formulář s jedním textovým polem a tlačítkem „Odeslat“. Po kliknutí na tlačítko se má pod formulářem zobrazit zpráva s textem „Děkujeme, [jméno]!“, kde [jméno] je obsah textového pole. Pokud uživatel klikne znovu, zpráva se má aktualizovat podle nové hodnoty.

Cíl úlohy:

Procvičit si čtení a zápis hodnot z formulářových prvků (value, textContent) a manipulaci s DOM. Naučit se reagovat na kliknutí bez znovunačtení stránky.

Vstupní podmínky:

Student pracuje pouze s jedním HTML souborem.
JavaScript je vložen do <script> na konci stránky.

Požadovaný výstup:

• Na stránce bude:

  • nadpis <h2> „Zadej své jméno“,

  • textové pole pro jméno,

  • tlačítko „Odeslat“,

  • prázdný <p> element pro zobrazení zprávy.

• Po kliknutí na tlačítko se:

  • získá text z pole,

  • vypíše do odstavce text ve tvaru „Děkujeme, [jméno]!“,

  • pokud je pole prázdné, zobrazí se text „Prosím, zadej jméno.“

Doplňující pokyny:

• Použij document.querySelector() pro výběr prvků.

• Využij event.preventDefault() k zastavení odeslání formuláře.

• Ověř, zda je hodnota pole prázdná pomocí if (vstup.value == "").

• Text měň přes textContent, nikoli innerHTML.