JavaScriptでのタイマー起動ボタン
これまでのレッスンでは、タイマーはページの読み込みと同時に動作を開始していました。次に、クリックすることでタイマーを起動するボタンを作成してみましょう:
<button id="start">start</button>
対応するJavaScriptコードを記述します:
let start = document.querySelector('#start');
start.addEventListener('click', function() {
let i = 0;
setInterval(function() {
console.log(++i);
}, 1000);
});
クリックするとコンソールに100から始まるカウントダウンを表示するボタンを作成してください。