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

Курсы Манипуляции с DOM
1

Доброго времени суток!
программу написал сам, но пройти тест она не могла, т.к. не удалялись сообщения… подсмотрел одну строку, вставил и всё заработало… в коде отметил её вопросительными знаками.
помогите пожалуйста разобраться почему она нужна

// Шаблон для сообщения
var messageTemplate = document.querySelector('#message-template').content;
var newItemTemplate = messageTemplate.querySelector('.chat-message');
// Чат
var chat = document.querySelector('.chat-content');
// Элемент чата
var items = chat.children;
// Форма для заполнения
var newItemForm = document.querySelector('.chat-form');
// Форма для ввода текста
var newItemInput = newItemForm.querySelector('.chat-form-input');
// Крестик
var button = messageTemplate.querySelector('.chat-message-button');

//Работа с заполнением почты
newItemForm.addEventListener('submit', function(evt) {
  //Убираем запрос на сервер
  evt.preventDefault();
  // Создаём переменную для хранения строки ввода
  var messageText = newItemInput.value;  
  //Создаём шаблон сообщения
  var messageTemp = newItemTemplate.cloneNode(true);
  var messageDescription = messageTemp.querySelector('.chat-message-text');
  // добавляем в шаблон заполненную строку
  messageDescription.textContent = messageText;
  // отправляем шаблон в чат
  chat.appendChild(messageTemp);
  //  ????????????????????????????????????????????????????????
   deleteMessageHandler(messageTemp);
  // обнуляем строку ввода
  newItemInput.value = '';
  });

// Удаляем строку по нажатию на крестик
var deleteMessageHandler = function(message) {
  // создаём переменную для конкретного крестика
  var buttonClose = message.querySelector('.chat-message-button');
  //создаём обработчик событий
  buttonClose.addEventListener('click', function() {
    //удаляем сообщение
    message.remove();
    });
  }
  // создаём цикл для обработки массива сообщений
for(var i = 0; i < items.length; i++) {
  deleteMessageHandler(items[i]);
  }
1 лайк