Урок 19 · JavaScript

Список задач переживает обновление страницы

localStorage хранит строки на этом компьютере и в этом браузере. Это память учебная, не аккаунт.

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

Таймер живёт, пока открыта вкладка. Список задач должен остаться после F5.

Как сделать

Ключ назови с префиксом проекта. Перед записью сделай JSON.stringify, при чтении JSON.parse в try/catch. Если данных нет или они битые, начни с пустого массива. Записывай после добавления и удаления, а не на каждый ввод буквы в фильтре. Не клади сюда пароли.

const KEY = "praktum.tasks";
function readTasks() {
  try {
    const value = JSON.parse(localStorage.getItem(KEY) || "[]");
    return Array.isArray(value) ? value : [];
  } catch { return []; }
}

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

• После обновления задачи на месте.
• Битая строка в хранилище не роняет страницу.
• Фильтр по-прежнему не удаляет сохранённые задачи.