Kompleksowy kalkulator usług z walidacją
Treść zadania
W formularzu wyceny serwisu komputerowego znajdują się kontrolki:
- Lista usług:
<select id="usluga"><option value="100">Czyszczenie (100 zł)</option><option value="150">Instalacja systemu (150 zł)</option></select> - Liczba stanowisk:
<input type="number" id="stanowiska" value="2"> - Przycisk:
<button id="btnWycena">Wyceń usługę</button> - Akapit:
<p id="podsumowanieWyceny"></p>
Po kliknięciu przycisku:
- Pobierz cenę wybranej usługi z listy
select(konwersjaparseInt). - Pobierz liczbę stanowisk (konwersja
parseInt). - Jeżeli liczba stanowisk jest mniejsza niż 1 — wpisz do akapitu:
Błąd: minimalna liczba stanowisk to 1!. - W przeciwnym wypadku — oblicz łączny koszt (cena * stanowiska) i wpisz:
Łączny koszt wyceny: 200 zł.
Co będzie oceniane
- Pobranie danych z listy select i pola number.
- Walidacja liczby stanowisk (>= 1).
- Prawidłowe wyliczenie kwoty 200 zł dla wybranej usługi.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Wycena 2 stanowisk po 100 zł — tekst #podsumowanieWyceny = Łączny koszt wyceny: 200 zł
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Podepnij kompletną wycenę pod kliknięcie #btnWycena
Wskazówki
Wskazówka 1
Zarejestruj zdarzenie click na przycisku #btnWycena.
Wskazówka 2
Odczytaj i przekonwertuj obie wartości, zastosuj warunek if ... else weryfikujący liczbę stanowisk i wstaw odpowiedni komunikat do akapitu.