Ćwiczenie · Informatyka Ćwiczenie: Walidacja obecności znaku @ w e-mailu

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 @:

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)

  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.