Wypożyczalnia sprzętu: select i pole dni
Treść zadania
W formularzu wypożyczalni mamy:
- Listę sprzętu:
<select id="sprzet"><option value="40">Wiertarka (40 zł/dzień)</option><option value="80" selected>Kosiarka spalinowa (80 zł/dzień)</option></select> - Liczbę dni wynajmu:
<input type="number" id="dni" value="4"> - Przycisk:
<button id="btnWynajem">Oblicz wynajem</button> - Akapit:
<p id="kosztWynajmu"></p>
Po kliknięciu przycisku oblicz łączny koszt (stawka dobowa * liczba dni) i wpisz do akapitu: Koszt wynajmu: 320 zł.
Co będzie oceniane
- Odczyt stawki dobowej z select.
- Prawidłowe pomnożenie przez liczbę dni (80 * 4 = 320).
- Wpisanie komunikatu Koszt wynajmu: 320 zł do akapitu.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Wyliczenie kosztu 4 dni wynajmu po 80 zł — tekst #kosztWynajmu = Koszt wynajmu: 320 zł
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Oblicz koszt wynajmu po kliknięciu #btnWynajem
Wskazówki
Wskazówka 1
Odczytaj stawkę z właściwości value elementu select i zamień na liczbę funkcją parseInt().
Wskazówka 2
Odczytaj liczbę dni z pola #dni, wykonaj mnożenie i wstaw wynik do akapitu.