Praxe na časovače a práci s DOM v JavaScriptu

Задание 1

Je dáno tlačítko. Je dán odstavec, jehož textem je číslo. Po kliknutí na tlačítko spusťte časovač, který každou sekundu bude zvětšovat text odstavce o 1.

Задание 2

Je dáno tlačítko. Je dán odstavec, jehož textem je číslo, například 10. Po kliknutí na tlačítko spusťte časovač, který každou sekundu bude zmenšovat text odstavce o 1. Jakmile hodnota odstavce bude rovna nule - zastavte časovač.

Задание 3

Je dán input s číslem. Udělejte to, aby se každou sekundu v něm objevil čtverec toho čísla, které je v něm zapsáno.

Задание 4

Je dán input. Do něj se zadá číslo. Po ztrátě fokusu udělejte to, aby v odstavci níže začal tikát odpočet, začínající na zadaném čísle. Když odpočet dosáhne nuly - měl by skončit.

Задание 5

Je dán input, tlačítko a odstavec. Do inputu se zadá nějaké číslo. Po kliknutí na tlačítko zapište zadané číslo do textu odstavce a spusťte odpočet v odstavci: nechť každou sekundu číslo v odstavci sníží o jednu, dokud nedosáhne nuly.

Задание 6

Je dán odstavec a dvě tlačítka. Udělejte to, aby po kliknutí na první tlačítko v odstavci začal tikat časovač od 1 do nekonečna, a po kliknutí na druhé se časovač zastavil.

Задание 7

Je dán odstavec. Udělejte to, aby každou sekundu měnil svou barvu z červené na zelenou a naopak.

Задание 8

Pokud zobrazovat na obrazovku každou sekundu aktuální časový okamžik, lze vytvořit tikající hodiny. Realizujte stejné hodiny, jaké jsou ukázány níže ve vzoru: