Harjoitus JavaScriptin ajastimista ja DOM:n käsittelystä
Oletetaan, että meillä on syötekenttä:
<input id="elem" value="1">
Tehdään ajastin, joka lisää syötekentämme
value-attribuutin arvoa yhdellä
joka sekunti:
let elem = document.querySelector('#elem');
setInterval(function() {
elem.value = Number(elem.value) + 1;
}, 1000);
Selitä, miksi yllä olevassa koodissa
käytetään Number-funktiota. Mitä
tapahtuisi, jos tätä funktiota ei käytettäisi?
Oletetaan, että syötekentän value
-attribuutissa on aluksi numero 10.
Käynnistä ajastin, joka pienentää tätä
numeroa yhdellä joka sekunti.
Muokkaa edellistä tehtävää siten, että kun syötekentän sisällöksi tulee nolla, ajastin lopettaa toimintansa.
