我需要为我的简单ToDoList添加一个localStorage

Question

我有一个简单的做应用程序，创建待办事项，并将它们显示在屏幕上。但是，我不想将这些保存到本地存储，所以如果有人离开页面并返回，重新加载页面等，待办事项仍然存在。我需要在明天之前完成它，我从几个小时开始就在努力实现一个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