<h1>チェックボックスの値を取得</h1>
<label>
  <input type="checkbox" id="agreeCheckbox">
  利用規約に同意する
</label>
<br>
<button id="submitButton">確認する</button>
<div id="result"></div>

<script>
  const checkbox = document.querySelector("#agreeCheckbox");
  const submitButton = document.querySelector("#submitButton");
  const result = document.querySelector("#result");

  submitButton.addEventListener("click", () => {
    if (checkbox.checked) {
      result.textContent = "✓ 利用規約に同意されました";
    } else {
      result.textContent = "✗ 利用規約への同意が必要です";
    }
  });
</script>