Newer
Older
hello-programmer-world / public / sample / js / querySelectorAll.html
<button type="button">クリック!</button>
<button type="button">クリック!</button>
<button type="button">クリック!</button>
<button type="button">クリック!</button>

<script>
  const buttons = document.querySelectorAll("button");

  for (let index = 0; index < buttons.length; index++) {
    const button = buttons[index];
    button.addEventListener("click", function () {
      const count = index + 1;
      alert(count + "番目のボタンがクリックされました!");
    });
  }
</script>