Úloha 3 – Dynamické prvky na stránce (tvorba a mazání seznamu)
Řešení úlohy
Co je zde splněno
-
Použití createElement(), appendChild() a removeChild().
-
Přidávání položek s postupným číslováním.
-
Kontrola počtu prvků přes childElementCount.
-
Zobrazení upozornění při pokusu o smazání prázdného seznamu.
-
Vše funguje bez znovunačtení stránky.
Vylepšení oproti začátečnické verzi
-
Použití šipkových funkcí a inkrementace přímo v zápisu
++cislo. -
Přidána drobná kontrola s returnem místo vnořeného
if/elsepro čistší logiku. -
Přidáno základní CSS pro přehlednost.
-
Moderní a stručný styl zápisu vhodný pro praxi.
Poznámky
Pokud by student použil
innerHTML += ..., neprocvičil by práci s DOM uzly, proto se zde používá správný způsob screateElement()aappendChild().Lze přidat i reset počítadla po vymazání všech položek (není nutné pro základní úlohu).