Doliczanie opłaty za przesyłkę z checkboxa
Treść zadania
Cena towaru wynosi 100 zł. W formularzu znajduje się pole wielokrotnego wyboru: <input type="checkbox" id="ekspresowaPrzesylka" checked> Przesyłka ekspresowa (+20 zł), przycisk <button id="btnKoszt">Oblicz razem</button> oraz akapit <p id="lacznaKwota"></p>.
Po kliknięciu przycisku zadeklaruj zmienną let koszt = 100;. Jeżeli pole #ekspresowaPrzesylka jest zaznaczone (checked), powiększ kwotę o 20 zł. Wstaw do akapitu tekst w formacie: Do zapłaty: 120 zł.
Co będzie oceniane
- Prawidłowe zbadanie właściwości checked checkboxa.
- Doliczenie 20 zł do kwoty bazowej 100 zł.
- Wpisanie Do zapłaty: 120 zł do akapitu #lacznaKwota.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Obliczenie kwoty z zaznaczoną przesyłką ekspresową — tekst #lacznaKwota = Do zapłaty: 120 zł
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Sprawdź stan checkboxa i dolicz opłatę za przesyłkę
Wskazówki
Wskazówka 1
Stan checkboxa sprawdzamy za pomocą właściwości logicznej pole.checked, a nie przez właściwość value.
Wskazówka 2
Wewnątrz funkcji obsługującej kliknięcie użyj warunku if (pole.checked) do zwiększenia kwoty bazowej i wyświetl wynik.