Podgląd na żywo ze zdarzeniem input
Treść zadania
Mamy pole tekstowe <input id="wpisLive"> oraz akapit <p id="liveTekst">Czekam na tekst...</p>. Zarejestruj na polu wejściowym nasłuchiwacz zdarzenia input, który przy każdej zmianie tekstu natychmiast przepisze aktualną zawartość pola do akapitu.
Co będzie oceniane
- Zastosowanie zdarzenia input na polu formularza.
- Bieżąca aktualizacja akapitu #liveTekst po wpisaniu wartości.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Wpisanie tekstu i podgląd na żywo — tekst #liveTekst = Testowanie na żywo
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Zarejestruj zdarzenie input na #wpisLive aktualizujące #liveTekst
Wskazówki
Wskazówka 1
Zdarzenie input odpala się w czasie rzeczywistym przy każdym naciśnięciu klawisza lub wklejeniu tekstu do kontrolki.
Wskazówka 2
Zarejestruj zdarzenie input na polu za pomocą addEventListener i w funkcji obsługującej przypisz pole.value do akapit.textContent.