Prax na časovače a prácu s DOM v JavaScripte

Задание 1

Dané tlačidlo. Daný odsek, ktorého textom je číslo. Kliknutím na tlačidlo spustite časovač, ktorý každú sekundu zvýši text odseku o 1.

Задание 2

Dané tlačidlo. Daný odsek, ktorého textom je číslo, napríklad 10. Kliknutím na tlačidlo spustite časovač, ktorý každú sekundu zníži text odseku o 1. Akonáhle hodnota odseku bude nula - zastavte časovač.

Задание 3

Daný input s číslom. Urobte tak, aby každú sekundu sa v ňom objavil štvorec čísla, ktoré je v ňom zapísané.

Задание 4

Daný input. Doň sa zadáva číslo. Pri strate fokusu urobte tak, aby v odseku nižšie začal tikati spätný odpočítavací, začínajúc od zadaného čísla. Keď odpočítavací dôjde k nule - má sa skončiť.

Задание 5

Daný input, tlačidlo a odsek. Do inputu sa zadáva nejaké číslo. Kliknutím na tlačidlo zapíšte zadané číslo do textu odseku a spustite spätný odpočítavací v odseku: nech každú sekundu číslo v odseku sa zníži o jednu, kým nedosiahne nulu.

Задание 6

Daný odsek a dve tlačidlá. Urobte tak, aby kliknutím na prvé tlačidlo v odseku začal tikať časovač od 1 do nekonečna, a kliknutím na druhé sa časovač zastavil.

Задание 7

Daný odsek. Urobte tak, aby každú sekundu menil svoju farbu z červenej na zelenú a naopak.

Задание 8

Ak vypisovať na obrazovku každú sekundu aktuálny časový okamih, možno vytvoriť tikajúce hodiny. Realizujte také hodinky, ako sú zobrazené nižšie v ukážke: