Урок 17 · JavaScript
Показываем часть задач, не удаляя остальные
Фильтр не стирает данные. Он выбирает, что показать, и оставляет полный массив в покое.
Почему это следующий шаг
Список задач уже добавляется. Дальше его должно быть можно сузить поиском.
Как сделать
Отдельная строка query хранит текст фильтра. Видимые задачи — это tasks.filter, а не новый источник правды. Сравнивай в одном регистре и без краевых пробелов. Если фильтр пустой, показывай всё. Если ничего не совпало, напиши это словами, а не оставляй пустую дыру.
const visible = tasks.filter((task) => task.toLocaleLowerCase("ru").includes(query));Что проверить
- Стирание фильтра возвращает все задачи.
- Регистр букв не мешает поиску.
- Исходный массив не становится короче от фильтра.
Попробуй
Добавь поле «найти» над списком задач и сообщение «ничего не найдено».
Практикум по теме
- Экран, когда списка ещё нет — Пустой список без пояснения выглядит как сломанная загрузка.