• Теория
  • Теория

Третья программа: «Мессенджер»

Список дел готов, можно и пойти отдохнуть. Только вы потянулись выключить настольную лампу, как лапа босса вас остановила. У него к вам ещё одно дельце.

Мяу! Нужно запрограммировать мессенджер. Как должна работать программа:

  • Шаблон сообщения находится в теге template с идентификатором message-template.
  • Новое сообщение добавляется в конец контейнера с классом chat-content.
  • Чтобы добавить новое сообщение, нужно ввести текст в поле ввода (элемент с классом chat-form-input) и нажать кнопку «Отправить» (отправляет данные из формы с классом chat-form).
  • В блоке сообщения (класс chat-message) должен быть текст сообщения, кнопка удаления и имя пользователя.
  • Чтобы удалить сообщение, нужно кликнуть по кнопке с крестиком (элемент с классом chat-message-button). Эта кнопка появляется при наведении на сообщение.

Справишься и отпущу тебя в отпуск!

Когда будете готовы, нажмите кнопку Заказчик, принимай программу!. Запустятся тесты, которые проверят ваше решение.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Манипуляции с DOM» тренажёра «Погружение в браузерный JavaScript» можно после регистрации и оформления подписки.