Opakování

Pokračuje v kódu předchozího příkladu. Budeme chtít zobrazit jednotlivé cifry rodného čísla dle následujícího vzoru.

Cifry

Cifry budeme do stránky vkládat pomocí vlastnosti innerHTML.

1. Nedříve si rozmysleme, jak bude vypadat HTML pro jednu cifru. Může jít například o jednoduchý div s nějakou vhodně nastylovanou třídou.
2. Pokud je znak platná číslice, bude mít na stránce zelené pozadí #00DD00. V opačném případě bude mít červené pozadí #FF8686.
3. V souboru index.html vytvořte div s nějakým smysluplným id, ve kterém budeme zobrazovat jednotlivé cifry. Nastylujte jej pomocí flexboxu tak, abychom mohli cifry zobrazovat vedle sebe.
4. Jakmile uživatel klikne na tlačítko Zkontrolovat, zavolejte pro uživatelův vstup funkci validateCharacters. Projděte vrácené pole pomocí cyklu forEach a naplňte váš připravený div ciframi s použitím vlastnosti innerHTML.

Vaše aplikce by měla ve výsledku fungovat tak, že kdykoliv uživatel zadá rodné číslo a nechá si jej zkontrolovat, aplikace vypíše, zda je číslo zadané dobře nebo špatně, a zobrazí jednotlivé znaky čísla s tím, že cifry jsou zelené a špatně zadané znaky jsou červené.

správně

chybně