Praktijk met timers en DOM-manipulatie in JavaScript
Gegeven een knop. Gegeven een alinea, waarvan de tekst
een getal is. Klik op de knop om een timer te starten,
die elke seconde de tekst van de alinea met 1 zal verhogen.
Gegeven een knop. Gegeven een alinea, waarvan de tekst
een getal is, bijvoorbeeld 10. Klik op de knop
om een timer te starten, die elke seconde de tekst van de alinea met 1 zal verminderen.
Zodra de waarde van de alinea gelijk is aan nul
- stop de timer.
Gegeven een invoerveld met een getal. Zorg ervoor dat elke seconde daarin het kwadraat van dat getal verschijnt, dat erin staat.
Gegeven een invoerveld. Er wordt een getal ingevoerd. Bij het verliezen van de focus, zorg ervoor dat in de alinea hieronder een aftelling begint, startend vanaf het ingevoerde getal. Wanneer de aftelling bij nul aankomt - moet deze stoppen.
Gegeven een invoerveld, een knop en een alinea. In het invoerveld wordt een getal ingevoerd. Klik op de knop om het ingevoerde getal in de tekst van de alinea te schrijven en start een aftelling in de alinea: laat elke seconde het getal in de alinea met één verminderen, totdat het bij nul aankomt.
Gegeven een alinea en twee knoppen. Zorg ervoor dat
bij het klikken op de eerste knop in de alinea een
timer start van 1 tot oneindigheid,
en bij het klikken op de tweede knop de timer stopt.
Gegeven een alinea. Zorg ervoor dat elke seconde hij van kleur verandert van rood naar groen en omgekeerd.
Als je elke seconde het huidige tijdstip op het scherm toont, kun je een tikkende klok maken. Implementeer eenzelfde klokje, zoals getoond hieronder in het voorbeeld: