Pratique sur les temporisateurs et le travail avec le DOM en JavaScript
Supposons que nous ayons un champ de saisie :
<input id="elem" value="1">
Créons un temporisateur qui, chaque seconde,
augmente la valeur de l'attribut value
de notre champ de saisie de un :
let elem = document.querySelector('#elem');
setInterval(function() {
elem.value = Number(elem.value) + 1;
}, 1000);
Expliquez pourquoi la fonction Number
est utilisée dans le code ci-dessus.
Que se passera-t-il si cette fonction n'est pas écrite dans ce code ?
Supposons que dans le champ de saisie, l'attribut value
contienne initialement le nombre 10. Démarrez un temporisateur
qui réduira ce nombre de un chaque seconde.
Modifiez la tâche précédente pour que, dès que le contenu du champ de saisie devient égal à zéro, le temporisateur arrête de fonctionner.