Interaktywny kalkulator dodawania
Treść zadania
W formularzu znajdują się dwa pola liczbowe: <input id="a" value="35">, <input id="b" value="15">, przycisk <button id="btnOblicz">Oblicz sumę</button> oraz akapit <p id="wynik"></p>.
Po kliknięciu przycisku:
- Odczytaj wartości z obu pól i skonwertuj je za pomocą
Number(). - Oblicz ich sumę.
- Wstaw do akapitu
#wyniktekst w formacie:Wynik: 50.
Co będzie oceniane
- Reakcja na kliknięcie przycisku #btnOblicz.
- Konwersja na liczby za pomocą Number().
- Wyświetlenie tekstu Wynik: 50 w akapicie #wynik.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Kliknięcie przycisku i wyliczenie sumy — tekst #wynik = Wynik: 50
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Podepnij obliczanie sumy pod kliknięcie #btnOblicz
Wskazówki
Wskazówka 1
Pamiętaj o konwersji tekstowych wartości z właściwości value na typ liczbowy funkcją Number() przed dodawaniem.
Wskazówka 2
Zarejestruj obsługę zdarzenia click na przycisku, wewnątrz wykonaj obliczenia i wstaw sformatowany tekst do akapitu.