Zliczanie zaznaczonych checkboxów
Treść zadania
W ankiecie znajdują się trzy pola wyboru języków programowania:
<input type="checkbox" id="js" checked> JavaScript<input type="checkbox" id="php"> PHP<input type="checkbox" id="py" checked> Python<button id="btnZlicz">Zlicz języki</button><p id="ileJezykow"></p>
Po kliknięciu przycisku zadeklaruj licznik let ile = 0;, zwiększ go o 1 dla każdego zaznaczonego pola i wpisz do akapitu tekst: Zaznaczono języków: 2.
Co będzie oceniane
- Zbadanie stanu trzech checkboxów.
- Prawidłowe zliczenie zaznaczonych pól (wartość 2).
- Wypisanie Zaznaczono języków: 2 w akapicie.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Zliczenie 2 zaznaczonych języków — tekst #ileJezykow = Zaznaczono języków: 2
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Zlicz zaznaczone języki i wyświetl wynik
Wskazówki
Wskazówka 1
Zbadaj stan każdego pola z osobna, zwiększając zmienną licznikową, gdy właściwość checked ma wartość true.
Wskazówka 2
Zbuduj wynikowy komunikat łącząc etykietę ze zmienną licznikową i wyświetl w akapicie.