<h1>入力された値を取得する</h1>
<input type="text" id="nameInput" placeholder="名前を入力してください">
<button id="submitButton">送信</button>
<div id="result"></div>

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

  submitButton.addEventListener("click", () => {
    const name = nameInput.value;
    result.textContent = `こんにちは、${name}さん！`;
  });
</script>