Попробовал написать по памяти программу курса «Манипуляции с 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 = '';
});
/-------------------------------------------Блок кнопки------------------/