1. DOM (Document Object Model) — объектная модель документа, представляющая HTML-страницу в виде дерева узлов. Каждый HTML-элемент представлен объектом, с которым может взаимодействовать JavaScript. С помощью DOM можно находить элементы, изменять их содержимое, атрибуты и структуру, а также реагировать на действия пользователя.

2. Метод querySelector() используется для поиска первого элемента, соответствующего указанному CSS-селектору. Если элемент не найден, метод возвращает null. Метод querySelectorAll() возвращает коллекцию всех элементов, соответствующих селектору. Эти методы позволяют обращаться к элементам по тегу, классу, идентификатору и другим CSS-селекторам.

3. Для изменения текстового содержимого используется свойство textContent. Для управления CSS-классами применяется classList с методами add(), remove() и toggle(). Метод setAttribute() позволяет установить значение атрибута элемента. При работе с пользовательским текстом предпочтительно использовать textContent, поскольку вставка недоверенного содержимого через innerHTML может привести к уязвимости XSS.

4. Событие — это действие или изменение состояния, на которое может реагировать программа. Примерами событий являются click, input, change, submit и keydown. Метод addEventListener() регистрирует функцию-обработчик, которая выполняется при возникновении указанного события. При необходимости обработчик можно удалить с помощью removeEventListener().

5. Всплытие событий — это распространение события от вложенного элемента к его родительским элементам. Делегирование позволяет назначить один обработчик общему контейнеру и обрабатывать события его дочерних элементов через event.target. При отправке HTML-формы возникает событие submit. Метод event.preventDefault() позволяет отменить стандартную отправку, чтобы выполнить собственную проверку данных или другую обработку. Интерфейс должен показывать пользователю понятные сообщения об успешном результате или ошибке.