Практика с таймери и работа с DOM в JavaScript

Задание 1

Даден бутон. Даден параграф, чийто текст е число. При натискане на бутона стартирайте таймер, който всяка секунда ще увеличава текста на параграфа с 1.

Задание 2

Даден бутон. Даден параграф, чийто текст е число, например, 10. При натискане на бутона стартирайте таймер, който всяка секунда ще намалява текста на параграфа с 1. Щом стойността на параграфа стане равна на нула - спрете таймера.

Задание 3

Дадено поле за въвеждане с число. Направете така, че всяка секунда в него да се показва квадратът на числото, което е записано в него.

Задание 4

Дадено поле за въвеждане. В него се въвежда число. При загуба на фокуса направете така, че в параграфа по-долу да започне обратно броене, започвайки от въведеното число. Когато броенето стигне до нула - то трябва да приключи.

Задание 5

Дадено поле за въвеждане, бутон и параграф. В полето се въвежда някакво число. При натискане на бутона запишете въведеното число в текста на параграфа и стартирайте обратно броене в параграфа: нека всяка секунда числото в параграфа намалява с единица, докато не стигне до нула.

Задание 6

Даден параграф и два бутона. Направете така, че при натискане на първия бутон в параграфа да започне броене от 1 до безкрайност, а при натискане на втория бутон броенето да спре.

Задание 7

Даден параграф. Направете така, че всяка секунда той да сменя цвета си от червен на зелен и обратно.

Задание 8

Ако се извежда на екрана всяка секунда текущият момент от време, може да се направят тикащи часове. Реализирайте същите часове, както са показани по-долу в примера: