Нужно добавить localStorage для моего простого ToDoList

Question

У меня есть простое приложение, которое создает задачи и отображает их на экране. Однако я не хочу сохранять их в локальном хранилище, поэтому, если кто-то покидает страницу и возвращается, перезагружает страницу и т. Д. c. остаются дела. Мне нужно завершить sh это до завтра, и я уже несколько часов борюсь с реализацией localStorage :( Я ценю любую помощь. Заранее спасибо.

вот мой код на js .fiddle. net:

if (event.target.classList.contains('js-delete-todo')) {
    const itemKey = event.target.parentElement.dataset.key;
    todoloeschen(itemKey);
}

https://jsfiddle.net/mymyyy/haset7gc/

Answer 1

Вы можете получить доступ к методу window.localStorage

Установив данные в localStorage localStorage.setItem('key', value );

А также получив localStorage.getItem('key', value);

Вы также можете сохранить массив передавая данные

// let’s say am saving an array of books with objects values 
localStorage.setItem('books',JSON.stringify(books));

let books = localStorage.getItem('books');
books = JSON.parse(books);

Надеюсь, это поможет

Answer 2

Чтобы сохранить элемент в локальное хранилище:

localStorage.setItem(variable, 'value');

Чтобы получить данные из локального хранилища:

let var = localStorage.getItem(variable);

Посмотрите документацию. Это действительно просто.

https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage