Events let your JavaScript react to user clicks, keyboard strokes, input changes, and form submissions.
1. addEventListener
⊞Code Example
const form = document.querySelector("#signup-form");
const emailInput = document.querySelector("#email");
form.addEventListener("submit", (event) => {
// Prevent default browser page reload
event.preventDefault();
const userEmail = emailInput.value.trim();
if (!userEmail) {
alert("Please enter a valid email address!");
return;
}
console.log(`Submitting email: ${userEmail}`);
});