Praktik på timers och DOM-manipulation i JavaScript

Задание 1

En knapp ges. En paragraf ges, vars text är ett nummer. När du klickar på knappen startar du en timer som varje sekund kommer att öka texten i paragrafen med 1.

Задание 2

En knapp ges. En paragraf ges, vars text är ett nummer, till exempel 10. När du klickar på knappen startar du en timer som varje sekund kommer att minska texten i paragrafen med 1. Så snart värdet i paragrafen blir noll - stoppa timern.

Задание 3

Ett inputfält med ett nummer ges. Gör så att varje sekund visas kvadraten på det nummer som är skrivet i det.

Задание 4

Ett inputfält ges. Ett nummer skrivs in i det. När det förlorar fokus, gör så att i paragrafen nedan börjar en nedräkning ticka, med start från det inskrivna numret. När nedräkningen når noll - ska den avslutas.

Задание 5

Ett inputfält, en knapp och en paragraf ges. I inputfältet skrivs ett nummer in. När du klickar på knappen skriver du det inskrivna numret i paragrafens text och startar en nedräkning i paragrafen: låt varje sekund numret i paragrafen minska med ett, tills det når noll.

Задание 6

En paragraf och två knappar ges. Gör så att när du klickar på den första knappen börjar en timer ticka i paragrafen från 1 till oändligheten, och när du klickar på den andra stoppas timern.

Задание 7

En paragraf ges. Gör så att den varje sekund byter färg från röd till grön och vice versa.

Задание 8

Om man visar det aktuella klockslaget på skärmen varje sekund, kan man skapa ett tickande ur. Implementera en klocka som den som visas nedan i exemplet: