Zadání 1 – Historie vstupů

 

Vytvoř jednoduchou aplikaci, která eviduje poslední zadaný text a jeho historii. Uživatel zadá text do vstupního pole a potvrdí jej tlačítkem Přidat. Aplikace uloží text jako aktuální hodnotu a zároveň jej připojí do historie (např. jako řetězec oddělený znakem |). Tlačítkem Odebrat poslední se odstraní poslední záznam z historie. Tlačítkem Vymazat zleva se odstraní první záznam v historii. Tlačítkem Vyčistit vše se smaže aktuální hodnota i historie. Zobrazuj aktuální stav, historii a hlášky, pokud je akce nemožná (prázdná historie, prázdný vstup apod.).

Cíl úlohy

  • Procvičit deklaraci a inicializaci proměnných (let/const) a práci se stavem aplikace.

  • Oddělit „aktuální hodnotu“ a „historii“ jako dvě reprezentace stavu.

  • Provádět operace nad stavem (přidání, odebrání zleva/zprava, vymazání) bez použití pole.

  • Použít podmínky if / else pro validaci vstupu a ošetření hraničních stavů.

  • Rozdělit řešení do funkcí (aktualizace výpisu, přidání, mazání) a využít funkce s parametrem.

  • Propojit UI a skriptovou logiku pomocí událostí onclick.

Vstupní podmínky

  • Vytvoř soubory index.html, style.css, main.js.

Požadovaný výstup

  • Vstupní pole pro text.

  • Tlačítka: Přidat, Odebrat poslední, Vymazat zleva, Vyčistit vše.

  • Výpis aktuální hodnoty a výpis historie (jako text).

  • Jednoduché chybové/informační hlášení (paragraf).

  • Povinné české komentáře v JS.

Doplňující pokyny

  • Použij sémantické prvky main, section, h1, h2, p.

  • ID a třídy pojmenuj srozumitelně.

  • Žádné čistě vizuální efekty bez smyslu.