Wczesne wyjście z walidacji early return
Treść zadania
Mamy formularz z polem <input id="user" value="">, polem <input id="pass" value="123">, przyciskiem <button id="btnWaliduj">Zaloguj</button> oraz akapitem <p id="raportLogowania"></p>.
W funkcji obsługującej kliknięcie:
- Jeżeli
user.value.trim() === "":wpisz do akapituBłąd: brak loginu!i natychmiast zakończ funkcję przezreturn;. - Jeżeli
pass.value.length < 6:wpisz do akapituBłąd: hasło za krótkie!i zakończ funkcję przezreturn;. - Jeżeli żaden błąd nie wystąpił: wpisz
Logowanie pomyślne.
Co będzie oceniane
- Zastosowanie techniki wczesnego powrotu z instrukcją return.
- Wypisanie Błąd: brak loginu! przy pustym loginie i przerwanie funkcji.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Przerwanie na pierwszym błędzie (brak loginu) — tekst #raportLogowania = Błąd: brak loginu!
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Zastosuj technikę early return w obsłudze kliknięcia #btnWaliduj
Wskazówki
Wskazówka 1
Technika wczesnego powrotu (early return) polega na sprawdzeniu warunku błędu i przerwaniu funkcji słowem kluczowym return;.
Wskazówka 2
Zapisz kolejne bloki if sprawdzające błędy, a komunikat sukcesu umieść na samym końcu ciała funkcji.