JavaScript pozwala reagować na różne działania użytkownika: kliknięcia, ruchy myszy, wciskanie klawiszy czy wysyłanie formularza. Żeby to zrobić, musimy zarejestrować obsługę zdarzenia — czyli przypiąć naszą funkcję do elementu i konkretnego zdarzenia.
1. Podstawowa metoda: addEventListener
Najczęściej używa się metody addEventListener. Przyjmuje ona dwa główne argumenty:
- nazwę zdarzenia (np.
"click", "submit", "keydown"),
- funkcję, która ma się wykonać, gdy zdarzenie wystąpi.
<button id="btn">Kliknij mnie</button>
const btn = document.getElementById("btn");
btn.addEventListener("click", () => {
alert("Kliknięto przycisk!");…