Cel lekcji
Uczeń potrafi:
- pobrać dane z formularza HTML
- zastosować instrukcję warunkową
- wykonać obliczenia
- wyświetlić wynik na stronie
Elementy potrzebne do wykonania zadania
1. Pobieranie danych z pola edycyjnego
document.getElementById("id_elementu").value;2. Pobieranie danych z listy rozwijalnej
document.getElementById("id_elementu").value;3. Sprawdzanie zaznaczenia checkboxa
document.getElementById("id_elementu").checked;4. Zamiana tekstu na liczbę
Number(wartosc);5. Tworzenie zmiennych
let nazwa = wartosc;6. Instrukcja warunkowa
if (warunek) {
} else {
}7. Dodawanie wartości (sumowanie kosztów)
suma = suma + wartosc;8. Dzielenie (obliczanie raty)
wynik = wartosc / liczba;9. Wyświetlanie wyniku na stronie
document.getElementById("id_elementu").innerHTML = "tekst";10. Łączenie tekstu z wartościami
"tekst " + zmienna + " tekst " + zmienna11. Funkcja uruchamiana przyciskiem
function nazwaFunkcji() {
}12. Wywołanie funkcji w HTML
<button onclick="nazwaFunkcji()">Oblicz</button>Zadanie
Napisz skrypt, który:
- sprawdza, które kursy zostały wybrane
- oblicza całkowity koszt kursów na podstawie cen
- pobiera liczbę rat
- oblicza koszt jednej raty
- pobiera wybrane miasto z listy rozwijalnej
- wyświetla wynik pod przyciskiem w odpowiednim formacie
Wskazówka
Zastosuj sumowanie kosztów dla zaznaczonych kursów oraz podziel wynik przez liczbę rat.
Zadanie dodatkowe
Zmodyfikuj skrypt tak, aby:
- gdy nie wybrano żadnego kursu pojawiał się komunikat o błędzie
- wynik był zaokrąglony do dwóch miejsc po przecinku