Working with Forms

<form id="signup">
  <input name="email" type="email" required>
  <button>Sign up</button>
  <p id="message"></p>
</form>

const form = document.querySelector("#signup");
const message = document.querySelector("#message");

form.addEventListener("submit", (e) => {
  e.preventDefault(); // stop the page from reloading
  const data = new FormData(form);
  const email = data.get("email");
  message.textContent = `Thanks! We'll write to ${email}.`;
  form.reset();
});