</> Praktum

Главная / JavaScript / Маленькое приложение

Урок 21 · JavaScript

Список, фильтр, сохранение и одно действие

Маршрут JavaScript заканчивается одной страницей, где уже пройденные куски работают вместе.

Почему это следующий шаг

Отдельные уроки легко забыть. Здесь они встречаются: DOM, события, массив, фильтр и localStorage.

Как сделать

Оставь одно поле добавления, список, фильтр и удаление. Данные — массив объектов с id и title. Рисуй список из массива. Пиши в localStorage после изменений. Не добавляй учётную запись, сервер и анимации. Если скрипт сломается, хотя бы заголовок страницы останется в HTML.

const tasks = [{ id: 1, title: "Открыть урок" }];

Что проверить

  • Можно добавить, найти и удалить задачу.
  • Обновление страницы не стирает список.
  • В консоли нет ошибки на обычном сценарии.

Попробуй

Собери эту страницу до конца и пройди сценарий с телефона: добавить, отфильтровать, удалить, обновить.