Każdy formularz w HTML domyślnie wysyła dane i przeładowuje stronę. W JavaScript możemy to przechwycić, zatrzymać domyślne działanie i wykonać własny kod — np. walidację danych albo wysyłkę AJAX-em.
1. Podstawowy przykład: zdarzenie submit
Zawsze nasłuchujemy na zdarzenie submit formularza, a nie na kliknięcie przycisku. Dzięki temu kod zadziała także, gdy użytkownik naciśnie Enter w polu tekstowym.
<form id="contact">
<input name="name" placeholder="Twoje imię">
<input name="email" type="email" placeholder="Email">
<button type="submit">Wyślij</button>
</form>
const form = document.getElementById("contact");
form.addEventListener("submit",…