JavaScriptでカウンターを実装する方法

📌

結論

カウンターは let + クリックイベント + textContent で実装

📝 実際のコードはこちら

let count = 0;
btn.addEventListener('click', () => {
  count++;
  display.textContent = count;
});

まとめ

・let で再代入可能なカウンター変数・クリックごとに count++ で増加・textContent で表示を更新

カウンターを実装してみましょう。

🧪 ここで試せます ─ 壊しても大丈夫！

下のエディタで実際にコードを書いて、すぐにプレビューで確認できます。何度でもやり直せるので、思い切って色々試してみてください。

■ 演習

ボタンクリックでカウントを1増やし、idがcountの要素に表示してください。

詰まったらヒント

let count = 0; クリックで count++; element.textContent = count;