Третья программа: "Мессенджер". 100%

Не могу понять почему в вашем коде когда пытаюсь посмотреть в console.log количество созданных сообщений в DOM console.log (messages.length) то все время выдает 0, хотя сообщения я добавляю.

аналогично почему то в цикле console.log (messages[i]) вообще ничего не выдает при добавлении и удалении сообщений.

В связи с чем это происходит и как работать с отладчиком в таком случае ?

Привет всем! Сделал так: скопировал весь код с предыдущего урока, удалил лишнее, заменил нужное на свое и по проверкам визуально все норм, но проверку не проходит. Подскажите, что именно не проходит проверку??? Заранее благодарю.

var list = document.querySelector(’.chat-content’);
var items = list.children;

var newItemForm = document.querySelector(’.chat-form’);
var newItemTitle = newItemForm.querySelector(’.chat-form-input’);
var messageTemplate = document.querySelector(’#message-template’).content;
var newItemTemplate = messageTemplate.querySelector(’.chat-message’);

var addCheckHandler = function (item) {
var chatbox = item.querySelector(’.chat-message-button’);
chatbox.addEventListener(‘click’, function () {
item.remove();

});
};

for (var i = 0; i < items.length; i++) {
addCheckHandler(items[i]);
}

newItemForm.addEventListener(‘submit’, function (evt) {
evt.preventDefault();

var taskText = newItemTitle.value;
var task = newItemTemplate.cloneNode(true);
var taskDescription = task.querySelector(‘p’);
taskDescription.textContent = taskText;

addCheckHandler (task);
list.appendChild(task);
});

В коде не хватает действия над одним из элементов чата для прохождения тестов. Визуальные различия есть.