Generowanie elementów listy w pętli for
Treść zadania
W formularzu mamy pole liczbowe <input type="number" id="ilePunktow" value="3">, przycisk <button id="btnGeneruj">Generuj listę</button> oraz listę <ol id="listaNumerowana"></ol>.
Po kliknięciu przycisku:
1. Wyczyść listę #listaNumerowana.innerHTML = ''.
2. Pobierz liczbę z pola za pomocą parseInt().
3. Za pomocą pętli for (let i = 1; i <= n; i++) twórz elementy <li> z tekstem 'Punkt ' + i i dołączaj je do listy.
Co będzie oceniane
- Wyczyszczenie listy przed generowaniem.
- Pętla for od 1 do liczby n.
- Dołączenie odpowiedniej liczby elementów li z tekstem 'Punkt X'.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Wygenerowanie 3 punktów listy — licznik #listaNumerowana li = 3; tekst #listaNumerowana li:nth-child(1) = Punkt 1; tekst #listaNumerowana li:nth-child(3) = Punkt 3
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Generuj n elementów li w liście #listaNumerowana po kliknięciu #btnGeneruj
Wskazówki
Wskazówka 1
Zawsze przed ponownym generowaniem dynamicznej listy wyczyść jej dotychczasową zawartość, aby pozycje się nie duplikowały.
Wskazówka 2
Zainicjuj pętlę ze zmienną sterującą od 1 do wartości podanej w polu, w każdej iteracji twórz nowy element listy, nadaj mu treść z numerem kroku i dołącz do listy uporządkowanej.