Forms and Input Handling

Working with forms involves:

• Accessing form.elements or using querySelector
• Listening to submit events
• Using event.preventDefault() to stop page reload

form.addEventListener("submit", function (e) {
  e.preventDefault();
  const name = form.querySelector("input[name='username']").value;
  console.log(name);
});