Praxis mit Timern und DOM-Manipulation in JavaScript
Nehmen wir an, wir haben folgendes Input-Feld:
html<input id="elem" value="1">
Erstellen wir einen Timer, der jede Sekunde
den Wert des Attributs value
unseres Input-Feldes um eins erhöht:
javascriptlet elem = document.querySelector('#elem');
setInterval(function() {
elem.value = Number(elem.value) + 1;
}, 1000);
Задание 1
Erklären Sie, warum im obigen Code
die Funktion Number verwendet wird.
Was passiert, wenn diese Funktion im Code weggelassen wird?
Задание 2
Angenommen, im Input-Feld steht im Attribut value
zu Beginn die Zahl 10. Starten Sie einen Timer,
der jede Sekunde diese Zahl um eins verringert.
Задание 3
Modifizieren Sie die vorherige Aufgabe so, dass der Timer seine Arbeit einstellt, sobald der Inhalt des Input-Feldes null erreicht.