Урок 21 · JavaScript
Список, фильтр, сохранение и одно действие
Маршрут JavaScript заканчивается одной страницей, где уже пройденные куски работают вместе.
Почему это следующий шаг
Отдельные уроки легко забыть. Здесь они встречаются: DOM, события, массив, фильтр и localStorage.
Как сделать
Оставь одно поле добавления, список, фильтр и удаление. Данные — массив объектов с id и title. Рисуй список из массива. Пиши в localStorage после изменений. Не добавляй учётную запись, сервер и анимации. Если скрипт сломается, хотя бы заголовок страницы останется в HTML.
const tasks = [{ id: 1, title: "Открыть урок" }];Что проверить
- Можно добавить, найти и удалить задачу.
- Обновление страницы не стирает список.
- В консоли нет ошибки на обычном сценарии.
Попробуй
Собери эту страницу до конца и пройди сценарий с телефона: добавить, отфильтровать, удалить, обновить.