JavaScriptにおけるタイマーとDOM操作の実践
以下のような入力フィールドがあるとします:
<input id="elem" value="1">
入力フィールドの value 属性の値を
1秒ごとに1ずつ増加させるタイマーを作ってみましょう:
let elem = document.querySelector('#elem');
setInterval(function() {
elem.value = Number(elem.value) + 1;
}, 1000);
上記のコードで、なぜ Number 関数が
使用されているのか説明してください。
この関数を省略した場合、どのような結果になりますか?
入力フィールドの value 属性の初期値が
10 であるとします。
この値を1秒ごとに1ずつ減少させるタイマーを起動してください。
前の課題を改造し、 入力フィールドの内容がゼロになった時点で タイマーが動作を停止するようにしてください。