ПР04. Работа с DOM

Ваша задача - разработать "псевдо-чат",в котором участвую два пользователя.

Для каждого пользователя чата предусмотреть поля для ввода текста сообщения и кнопку по нажатию на которую происходит отображения сообщения в чате.

После нажатия на кнопку отправить поле с текстом сообщения должно очищаться.

Чат должен находится по центру веб-страницы. В нём должны отображаться все отправленные сообщения от пользователей(даже пустые). Сообщения от разных пользователей должны отображаться с разной цветовой гаммой, но в каждом сообщении должна быть строка с датой и временем отправки сообщения в чат.

Каждое новое сообщение в чате должно добавляться в начало чата.

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

Пример выполнения практической.

В результате на выходе должно получиться js-скрипт отвечающий за обработку сообщений и вывод их в чат.