Rejestracja zdarzenia przez addEventListener
Treść zadania
W dokumencie znajduje się przycisk <button id="przyciskAkcji">Wykonaj</button> oraz akapit <p id="stan">Oczekiwanie</p>. Pobierz przycisk za pomocą getElementById() i zarejestruj na nim nasłuchiwacz zdarzenia click za pomocą addEventListener(). Po kliknięciu tekst akapitu powinien zmienić się na: Operacja zakończona sukcesem.
Co będzie oceniane
- Pobranie przycisku #przyciskAkcji.
- Zastosowanie metody addEventListener('click', ...).
- Zmiana tekstu akapitu #stan po kliknięciu.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Reakcja na kliknięcie zarejestrowane przez addEventListener — tekst #stan = Operacja zakończona sukcesem
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Pobierz przycisk i zarejestruj nasłuchiwacz addEventListener('click', ...)
Wskazówki
Wskazówka 1
Metoda addEventListener() przyjmuje jako pierwszy argument nazwę zdarzenia "click" (bez przedrostka 'on'), a jako drugi funkcję obsługującą.
Wskazówka 2
Pobierz przycisk, zdefiniuj funkcję zmieniającą właściwość textContent akapitu i przekaż jej nazwę jako referencję bez nawiasów okrągłych do addEventListener.