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

【问题标题】：Need to add a localStorage for my simple ToDoList需要为我的简单 ToDoList 添加一个 localStorage
【发布时间】：2020-09-12 04:24:30
【问题描述】：

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

【问题讨论】：

我会在其他答案的基础上给你简单的提示。始终使用英语编程。生活中没有什么比找到一个用蒙古语写的源代码你什么都看不懂更令人沮丧的了。如果变量名等是英文的，你的小提琴会更有帮助。

标签： javascript html css local-storage

【解决方案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);

希望对你有帮助

【讨论】：

【解决方案2】：

要将项目保存到本地存储：

localStorage.setItem(variable, 'value');

从本地存储中获取数据：

let var = localStorage.getItem(variable);

查看文档。真的很简单。

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

【讨论】：