const form = document.createElement("form");
form.innerHTML = `
  <label>Name: <input name="name" required></label>
  <label>Role:
    <select name="role">
      <option>User</option>
      <option>Admin</option>
    </select>
  </label>
  <button type="submit">Submit</button>
  <button type="reset">Reset</button>
`;
document.body.appendChild(form);

form.addEventListener("submit", (e) => {
  e.preventDefault();
  const data = Object.fromEntries(new FormData(form));
  console.log("submitted:", data);
});

form.addEventListener("reset", () => console.log("form reset"));
form.addEventListener("change", (e) => console.log("changed:", e.target.name, "=", e.target.value));