Ćwiczenie · Informatyka Ćwiczenie: Rejestracja zdarzenia przez addEventListener

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)

  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.