Практыка на таймеры і работу з DOM у JavaScript

Задание 1

Дадзена кнопка. Дадзены абзац, тэкстам якога з'яўляецца лік. Пасля націску на кнопку запусціце таймер, які кожную секунду будзе павялічваць тэкст абзаца на 1.

Задание 2

Дадзена кнопка. Дадзены абзац, тэкстам якога з'яўляецца лік, напрыклад, 10. Пасля націску на кнопку запусціце таймер, які кожную секунду будзе памяншаць тэкст абзаца на 1. Як толькі значэнне абзаца стане роўна нулю - спыніце таймер.

Задание 3

Дадзены інпут з лікам. Зрабіце так, каб кожную секунду ў ім з'яўляўся квадрат таго ліку, якое ў ім запісана.

Задание 4

Дадзены інпут. У яго ўводзіцца лік. Пасля страты фокуса зрабіце так, каб у абзацы ніжэй пачаў цякаць адваротны адлік, пачынаючы з уведзенага ліку. Калі адлік дайде да нуля - ён павінен скончыцца.

Задание 5

Дадзены інпут, кнопка і абзац. У інпут уводзіцца нейкі лік. Пасля націску на кнопку запішыце ўведзены лік у тэкст абзаца і запусціце адваротны адлік у абзацы: хай кожную секунду лік у абзацы памяншаецца на адзінку, пакуль не дайде да нуля.

Задание 6

Дадзены абзац і дзве кнопкі. Зрабіце так, каб пасля націску на першую кнопку ў абзацы пачаў цякаць таймер ад 1 да бясконцасці, а пасля націску на другую таймер спыняўся.

Задание 7

Дадзены абзац. Зрабіце так, каб кожную секунду ён мяняў свой колер з чырвонага на зялёны і наадварот.

Задание 8

Калі выводзіць на экран кожную секунду бягучы момант часу, то можна зрабіць цікаючыя гадзіннікі. Рэалізуйце такія ж гадзіннікі, як паказана ніжэй у ўзоры: