Czyszczenie zawartości kontenera przez innerHTML
Treść zadania
W strukturze strony znajduje się kontener wyników z wcześniejszymi elementami:<div id="wyniki"><p>Wynik 1</p><p>Wynik 2</p></div>
oraz przycisk <button id="btnWyczyscWyniki">Wyczyść</button>. Napisz skrypt, który po kliknięciu przycisku czyści całą zawartość kontenera #wyniki za pomocą przypisania innerHTML = ''.
Co będzie oceniane
- Pobranie referencji do #btnWyczyscWyniki i #wyniki.
- Przypisanie pustego ciągu do innerHTML kontenera.
- Brak elementów p wewnątrz #wyniki po kliknięciu.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Czyszczenie zawartości kontenera wyników — licznik #wyniki p = 0
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Wyczyść kontener #wyniki przypisując pusty ciąg do innerHTML po kliknięciu #btnWyczyscWyniki
Wskazówki
Wskazówka 1
Najprostszym i najszybszym sposobem usunięcia wszystkich potomków z kontenera jest nadpisanie jego wewnętrznego kodu HTML pustym tekstem.
Wskazówka 2
Zarejestruj kliknięcie przycisku czyszczenia i przypisz pusty ciąg znaków do właściwości wewnętrznego kodu HTML wybranego kontenera wyników.