Kalkulator kosztów wizyty w salonie
Treść zadania
W salonie klient wybiera bazowe strzyżenie z listy rozwijanej <select id="uslugaBaza"><option value="40">Krótkie (40 zł)</option><option value="60" selected>Średnie (60 zł)</option></select> oraz opcję dodatkową <input type="checkbox" id="opcjaSpa" value="25" checked> Maska SPA (+25 zł). Obok umieszczono przycisk <button id="btnPodsumujSalon">Oblicz koszt</button> oraz akapit <p id="lacznyKosztWizyty"></p>.
Po kliknięciu przycisku zsumuj koszt bazowy (z listy) oraz dodatkowy (jeśli checkbox jest zaznaczony) i wpisz do akapitu: Koszt wizyty: 85 zł.
Co będzie oceniane
- Odczyt bazy ze znacznika select.
- Warunkowe dodanie wartości checkboxa przy checked === true.
- Wpisanie 'Koszt wizyty: 85 zł' do #lacznyKosztWizyty.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Wyliczenie kosztu strzyżenia średniego ze SPA (60 + 25 = 85 zł) — tekst #lacznyKosztWizyty = Koszt wizyty: 85 zł
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Oblicz koszt wizyty i wpisz do #lacznyKosztWizyty po kliknięciu #btnPodsumujSalon
Wskazówki
Wskazówka 1
Odczytaj wartość z listy rozwijanej, a następnie warunkowo powiększ sumę o wartość zaznaczonego pola wyboru.
Wskazówka 2
Przekształć wybraną bazę na liczbę całkowitą, sprawdź stan właściwości checked pola opcji dodatkowej i jeśli jest prawdziwa, dodaj jej wartość liczbową do sumy, a wynik wypisz w akapicie.