Praktika taimerite ja DOM-iga töötamise kohta JavaScriptis

Задание 1

Antud nupp. Antud lõik, mille tekstiks on number. Nupu vajutamisel käivitage taimer, mis iga sekundi järel suurendab lõigu teksti 1 võrra.

Задание 2

Antud nupp. Antud lõik, mille tekstiks on number, näiteks 10. Nupu vajutamisel käivitage taimer, mis iga sekundi järel vähendab lõigu teksti 1 võrra. Kui lõigu väärtus saab võrdseks nulliga - peatage taimer.

Задание 3

Antud sisendvälja numbriga. Tehke nii, et iga sekundi järel kuvataks selles selle numbri ruut, mis sinna on sisestatud.

Задание 4

Antud sisendväli. Sellesse sisestatakse number. Fookuse kaotamisel tehke nii, et allolevas lõigus hakkaks käima tagurpidi loendus, alustades sisestatud numbrist. Kui loendus jõuab nullini - peaks see lõppema.

Задание 5

Antud sisendväli, nupp ja lõik. Sisendväljale sisestatakse mingi number. Nupu vajutamisel kirjutage sisestatud number lõigu teksti ja käivitage tagurpidi loendus lõigus: las iga sekundi järel number lõigus väheneb ühe võrra, kuni jõuab nullini.

Задание 6

Antud lõik ja kaks nuppu. Tehke nii, et esmase nupu vajutamisel hakkaks lõigus käima taimer 1-st lõpmatuseni, ja teise nupu vajutamisel taimer peatub.

Задание 7

Antud lõik. Tehke nii, et iga sekundi järel muudaks ta oma värvi punasest roheliseks ja vastupidi.

Задание 8

Kui kuvada iga sekundi järel ekraanile praegune ajamoment, siis saab teha tiksuvaid kelli. Realiseerige samasugused kellad, nagu on näidatud allpool näidisena: