Zadání 1 – Playlist písniček

Zadání

Vytvoř aplikaci „Playlist“. Uživatel zadá název skladby a délku v sekundách. Po kliknutí na tlačítko Přidat se vytvoří objekt skladby ve tvaru např. { nazev: "...", delka: 123 } a tento objekt se uloží do pole (playlist). Aplikace průběžně vypisuje seznam skladeb.

Tlačítkem Celkový čas se zobrazí součet délek všech skladeb ve formátu mm:ss.
Tlačítkem Souhrn se v alert() zobrazí přehled skladeb (každá na nový řádek) a na konci celkový čas.
Nepovol přidání skladby se stejným názvem (duplicitní název).

Cíl úlohy

  • Události kliknutí onclick.

  • Objekty: vytvoření objektového literálu a práce s vlastnostmi objektu.

  • Pole objektů: přidávání záznamů do kolekce a iterativní zpracování cyklem.

  • Validace vstupů: prázdný text, číslo, kladná hodnota, duplicita názvu.

  • DOM manipulace: value, innerHTML, readonly.

Vstupní podmínky

Připravené soubory index.html, style.css, main.js.

Požadovaný výstup

  • Input pro název, input pro délku v sekundách.

  • Tlačítka Přidat, Celkový čas, Souhrn, Reset.

  • Výpis položek do <p id="vypis">.

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

Doplňující pokyny

  • Sémanticky jednoduché, čitelné názvy proměnných.

  • Nepoužívej šipkové funkce ani ternární operátor.

  • Data ukládej jako objekty (např. { nazev, delka }) a ukládej je do pole objektů.