Walidacja obecności znaku @ w e-mailu
Treść zadania
W formularzu znajduje się pole <input id="email" value="jan.kowalski.pl">, przycisk <button id="btnEmail">Zweryfikuj e-mail</button> oraz akapit <p id="wynikEmail"></p>. Metoda łańcuchowa napis.includes('@') sprawdza, czy znak znajduje się w tekście. Po kliknięciu przycisku sprawdź, czy adres nie zawiera znaku @:
- Jeżeli nie zawiera — wpisz do akapitu:
Niepoprawny adres e-mail: brak znaku @! - W przeciwnym wypadku — wpisz:
Format adresu poprawny
Co będzie oceniane
- Zastosowanie metody .includes('@').
- Wypisanie Niepoprawny adres e-mail: brak znaku @! dla błędnego adresu.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Wykrycie braku znaku @ w adresie e-mail — tekst #wynikEmail = Niepoprawny adres e-mail: brak znaku @!
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Sprawdź czy adres zawiera znak @ za pomocą metody includes()
Wskazówki
Wskazówka 1
Użyj metody pole.value.includes('@') w połączeniu z operatorem negacji !.
Wskazówka 2
Zastosuj instrukcję if (!pole.value.includes('@')) i zaktualizuj właściwość textContent akapitu.