Dwa niezależne checkboxy opcji dodatkowych
Treść zadania
Cena bazowa komputera wynosi 2000 zł. W formularzu mamy dwa checkboxy opcji dodatkowych:
<input type="checkbox" id="montaz" checked> Montaż (+150 zł)<input type="checkbox" id="gwarancja" checked> Dodatkowa gwarancja (+200 zł)<button id="btnPodsumuj">Podsumuj</button><p id="lacznyKosztZestawu"></p>
Po kliknięciu przycisku zadeklaruj zmienną z kwotą bazową 2000 zł, sprawdź każdy checkbox niezależną instrukcją if, dolicz odpowiednie kwoty i wypisz wynik w formacie: Cena zestawu: 2350 zł.
Co będzie oceniane
- Niezależne sprawdzenie obu pól checkbox.
- Prawidłowe zsumowanie kosztów 2000 + 150 + 200 = 2350 zł.
- Wypisanie sformatowanego tekstu do akapitu.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Obliczenie ceny zestawu z obiema opcjami — tekst #lacznyKosztZestawu = Cena zestawu: 2350 zł
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Zsumuj cenę bazową i zaznaczone opcje dodatkowe
Wskazówki
Wskazówka 1
Ponieważ opcje są niezależne, użyj dwóch osobnych instrukcji if, a nie konstrukcji else if.
Wskazówka 2
Do kwoty początkowej dodawaj wartość każdej zaznaczonej usługi, a na końcu przypisz sformatowaną sumę do akapitu.