Мы разобрались с событиями в JavaScript и отлично справились с попапом и галереей. Босс оценил наши успехи и приготовил новую задачу, посерьёзней.

Мяу! У нас новый заказ. Надо запрограммировать приложение — список дел.

Вёрстка уже готова, всё остальное на тебе:

• задача считается выполненной и исчезает, если юзер кликнул по чекбоксу;
• если все задачи выполнены, появляется сообщение, что больше задач нет;
• если в пустой список добавляется новая задача, сообщение исчезает;
• чтобы добавить новую задачу, надо ввести описание в поле ввода и нажать «Добавить задачу», задача появится в конце списка.

Сделай всё быстро и качественно, как ты умеешь. Жду!

Нам доверили сервис! А ведь не так давно мы писали свой первый console.log()!

Отбросим сантименты, мы же профессионалы. Начнём выполнять ТЗ, пойдём по списку. Займёмся удалением выполненных задач. Чтобы что-то делать с задачами, надо их найти и записать в переменные. Это мы умеем. Сам список — элемент с классом todo-list, а каждый элемент списка имеет класс todo-list-item.

Найдём список и каждую задачу в списке с помощью querySelector и querySelectorAll и убедимся, что всё сделали правильно.

С querySelector мы познакомились здесь, а с querySelectorAll здесь.