Ćwiczenie · Informatyka Ćwiczenie: Naliczenie rabatu wybranego z przycisków radio

Naliczenie rabatu wybranego z przycisków radio

Treść zadania

Cena towaru wynosi 200 zł (pole <input id="cenaTowaru" value="200">). Klient wybiera kartę stałego klienta z opcji radio:

<input type="radio" name="rabat" value="0.05"> Srebrna (5%)
<input type="radio" name="rabat" value="0.10" checked> Złota (10%)
<input type="radio" name="rabat" value="0.20"> Platynowa (20%)

oraz przycisk <button id="btnRabat">Nalicz rabat</button> i akapit <p id="cenaPoRabacie"></p>. Po kliknięciu przycisku oblicz cenę po rabacie według wzoru cena * (1 - stawka) i wpisz do akapitu: Cena z rabatem: 180 zł.

Co będzie oceniane

  • Odczyt zaznaczonego radio rabat z querySelector.
  • Prawidłowe pomnożenie ceny przez (1 - stawka).
  • Wypisanie Cena z rabatem: 180 zł w akapicie.
  • Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.

Testy automatyczne (1)

  1. Naliczenie 10% rabatu od 200 zł — tekst #cenaPoRabacie = Cena z rabatem: 180 zł

Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.

// Nalicz rabat z radio po kliknięciu #btnRabat

Wskazówki

Wskazówka 1

Odczytaj stawkę rabatu z zaznaczonego radio i przekonwertuj ją na liczbę funkcją parseFloat().

Wskazówka 2

Oblicz cenę po obniżce i wstaw gotowy komunikat do akapitu.