Weryfikacja minimalnej długości hasła
Treść zadania
W formularzu znajduje się pole hasła <input type="password" id="haslo" value="12345">, przycisk <button id="btnHaslo">Sprawdź hasło</button> oraz akapit <p id="walidacjaHasla"></p>. Po kliknięciu przycisku sprawdź, czy długość hasła (value.length) wynosi co najmniej 8 znaków. Jeżeli hasło jest krótsze niż 8 znaków — wpisz do akapitu: Hasło musi mieć co najmniej 8 znaków!. W przeciwnym razie wpisz: Hasło spełnia wymagania.
Co będzie oceniane
- Odczyt liczby znaków z właściwości value.length.
- Wypisanie Hasło musi mieć co najmniej 8 znaków! dla 5-znakowego hasła.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Odrzucenie zbyt krótkiego hasła — tekst #walidacjaHasla = Hasło musi mieć co najmniej 8 znaków!
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Sprawdź długość hasła i wstaw wynik do #walidacjaHasla
Wskazówki
Wskazówka 1
Właściwość pole.value.length zwraca liczbę wprowadzonych znaków w postaci wartości liczbowej.
Wskazówka 2
Użyj instrukcji warunkowej porównującej tę wartość z liczbą 8 i zaktualizuj właściwość textContent akapitu.