Obsługa suwaka zakresu range
Treść zadania
W dokumencie znajduje się suwak zakresu: <input type="range" id="suwak" min="0" max="100" value="50"> oraz akapit <p id="wartosc">50</p>. Zarejestruj na suwaku zdarzenie input, które przy każdym przesunięciu suwaka wstawi jego aktualną wartość liczbową do akapitu.
Co będzie oceniane
- Zastosowanie zdarzenia input na kontrolce typu range.
- Prawidłowe odczytanie wartości suwaka po zmianie pozycji.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Zmiana wartości suwaka i aktualizacja akapitu — tekst #wartosc = 75
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Zarejestruj zdarzenie input na suwaku #suwak
Wskazówki
Wskazówka 1
Kontrolki typu range zwracają aktualną pozycję we właściwości value.
Wskazówka 2
Zarejestruj nasłuchiwacz input na elemencie suwaka i przypisz jego właściwość value do textContent akapitu.