Alternativy seminářového úkolu 7

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