- Теория
- Теория
Третья программа: «Мессенджер»
Список дел готов, можно и пойти отдохнуть. Только вы потянулись выключить настольную лампу, как лапа босса вас остановила. У него к вам ещё одно дельце.
Мяу! Нужно запрограммировать мессенджер. Как должна работать программа:
- Шаблон сообщения находится в теге
template
с идентификаторомmessage-template
.- Новое сообщение добавляется в конец контейнера с классом
chat-content
.- Чтобы добавить новое сообщение, нужно ввести текст в поле ввода (элемент с классом
chat-form-input
) и нажать кнопку «Отправить» (отправляет данные из формы с классомchat-form
).- В блоке сообщения (класс
chat-message
) должен быть текст сообщения, кнопка удаления и имя пользователя.- Чтобы удалить сообщение, нужно кликнуть по кнопке с крестиком (элемент с классом
chat-message-button
). Эта кнопка появляется при наведении на сообщение.Справишься и отпущу тебя в отпуск!
Когда будете готовы, нажмите кнопку Заказчик, принимай программу!. Запустятся тесты, которые проверят ваше решение.
Минимальный вид табов
- index.html
HTML
HTML
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
100%