Программа "Список дел" / не появляется сообщение...

Попробовал написать по памяти программу курса «Манипуляции с DOM» “Список дел”, дабы было проще понять как и в какой последовательности работает каждый модуль…

В 21 задаче “Очистка поля ввода” всё стёр и написал сызнова.

Не появляется сообщение "Все задачи выполнены. Новых задач нет."

Перепроверил всё 10-ть раз, ничего не пойму…

Поможите!!!

var list = document.querySelector('.todo-list');
var items = list.children;

/--------------------------- переменные для чекбокса-------/

var emptyListMessage = document.querySelector('.empty-tasks');

/----------------------------переменная для сообщения------/

var newItemForm = document.querySelector('.add-form');
var newItemTitle = newItemForm.querySelector('.add-form-input');

/-----------------------переменные для кнопки----------/

var taskTemplate = document.querySelector('#task-template').content;
var newItemTemplate = taskTemplate.querySelector('.todo-list-item');

/----------------переменные для шаблона----------/

/---------------------------------------------------------------/

var toggleEmptyListMessage = function () {
  if (items.length === 0) {
    emptyListMessage.classList.remove('hidden');
  } else {
    emptyListMessage.classList.add('hidden');
  }
};

/------------------------------------------Блок сообщения–/

/-------------------------------------------------------------------/

var addCheckHandler = function (item) {
  var checkbox = item.querySelector('.todo-list-input');
  checkbox.addEventListener('change', 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('span');
     taskDescription.textContent = taskText;
     addCheckHandler(task);
     list.appendChild(task);
     toggleEmptyListMessage();
     newItemTitle.value = '';
});

/-------------------------------------------Блок кнопки------------------/

в “блок чекбокса” добавьте в обработчик после удаления элемента - вызов функции показа сообщения

1 лайк

точно… Спасибо!