Podsumowanie koszyka: radio i checkboxy
Treść zadania
W konfiguratorze roweru wybieramy:
- Model:
<input type="radio" name="model" value="1200"> Miejski (1200 zł),<input type="radio" name="model" value="1800" checked> Górski (1800 zł) - Opcje:
<input type="checkbox" id="blotniki" checked> Błotniki (+80 zł),<input type="checkbox" id="oswietlenie" checked> Oświetlenie LED (+120 zł) - Przycisk:
<button id="btnKoszyk">Podsumuj rower</button> - Akapit:
<p id="lacznaKwotaRoweru"></p>
Po kliknięciu przycisku zsumuj cenę zaznaczonego modelu oraz opłaty za zaznaczone dodatki, po czym wpisz do akapitu tekst: Razem do zapłaty: 2000 zł.
Co będzie oceniane
- Odczyt ceny z zaznaczonego radio model.
- Doliczenie opłat z zaznaczonych checkboxów.
- Wpisanie Razem do zapłaty: 2000 zł do akapitu.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Zsumowanie roweru górskiego 1800 + 80 + 120 zł — tekst #lacznaKwotaRoweru = Razem do zapłaty: 2000 zł
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Podsumuj rower (radio model + checkboxy dodatków) po kliknięciu #btnKoszyk
Wskazówki
Wskazówka 1
Pobierz wartość zaznaczonego radio i przypisz jako początkową kwotę zmiennej liczbowej.
Wskazówka 2
Zbadaj właściwość checked każdego checkboxa i powiększ sumę o odpowiednie kwoty, a na końcu sformatuj wynik w akapicie.