Соберите форму с полем имени: при пустом поле она покажет ошибку, при заполненном — приветствие прямо на странице. В пошаговом разборе с примером кода вы свяжете ввод пользователя, проверку и вывод сообщения.
Обработчик подключается к форме и реагирует на
submit, событие отправки. Внутри него preventDefault() отменяет стандартную отправку, чтобы браузер не перезагрузил страницу. А textContent выводит сообщение как обычный текст, не превращая введённые HTML-теги в разметку.Запустите пример и проверьте пустое и заполненное поле. Проверка здесь ищет только пустую строку: пробелы её пройдут. Данные на сервер пример не отправляет.
#туториал #основы