Добро пожаловать!
Последнее поле — возраст. Это поле для чисел (type="number"): если в него набрано не число, его значение — пустой текст. А вы помните, что Number("") — это 0, поэтому сначала проверьте, не пусто ли поле:
- Если поле возраста пустое, покажите
Введите свой возраст. - Если возраст меньше 13, покажите
Вам должно быть не меньше 13 лет.
Когда все поля заполнены правильно, форма сделала своё дело. Уберите её со страницы и покажите в welcome текст Добро пожаловать, Анна!, но с именем пользователя (без пробелов по краям) вместо Анны. Элемент убирают его методом remove():
form.remove();Элемент исчезает со страницы вместе со всем, что в нём лежит.
Это весь проект. Ваша форма проверяет то, что набрал пользователь, поле за полем, с помощью trim(), length, includes() и Number(). Она показывает рядом с каждым полем, что не так, очищает сообщение, когда поле заполнено правильно, и выполняет свою работу только когда всё правильно. Настоящие формы регистрации работают так же, а потом сервер проверяет всё ещё раз, потому что любой человек может изменить скрипт в своём браузере. В следующем уроке, «Таймеры и ожидание», ваши страницы научатся ждать: делать что-то через несколько секунд или снова и снова, как обратный отсчёт.
Задание
- 1
Проверьте возраст.
- 2
Когда все поля заполнены правильно, уберите форму и поприветствуйте пользователя.