Weryfikacja wartości liczbowej z obsługą NaN

Treść zadania

W formularzu znajduje się pole <input type="text" id="kwotaPrzelewu" value="abc">, przycisk <button id="btnZatwierdzKwote">Zatwierdź</button> oraz akapit <p id="komunikatKwoty"></p>.
Po kliknięciu przycisku przekonwertuj wartość pola na liczbę za pomocą parseFloat(). Jeśli isNaN() zwróci prawdę, wpisz do akapitu 'Błędna kwota' i ustaw styl style.color = 'red'; w przeciwnym razie wpisz 'Kwota poprawna' i ustaw style.color = 'green'.

Co będzie oceniane

Konwersja wartości pola przez parseFloat().
Użycie funkcji isNaN() do weryfikacji.
Wpisanie 'Błędna kwota' i nadanie koloru red dla tekstu nieliczbowego.
Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.

Testy automatyczne (2)

Weryfikacja wartości nieliczbowej 'abc' — tekst #komunikatKwoty = Błędna kwota; atrybut #komunikatKwoty = color: red
Weryfikacja poprawnej kwoty 150.50 — tekst #komunikatKwoty = Kwota poprawna; atrybut #komunikatKwoty = color: green

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

// Sprawdź poprawność kwoty za pomocą isNaN() i zaktualizuj treść oraz kolor #komunikatKwoty

Wskazówki

Wskazówka 1

Funkcja isNaN bada, czy przekazana wartość nie reprezentuje poprawnej liczby.

Wskazówka 2

Sparsowaną liczbę sprawdź w instrukcji warunkowej funkcją isNaN, ustaw odpowiedni komunikat tekstowy oraz kolor tekstu akapitu.