Javascript 将用户输入（ul）存储在待办事项列表中，以便在程序重新打开时显示该列表

我正在为我爸爸的老板做一个项目。我使用HTML、JS和CSS创建了一个待办事项列表。在如何使他输入的内容列表自动保存方面，我真的不知道该怎么做，因此，如果他关闭文件，当他打开文件时，列表仍然存在

---

我不想让任何人帮我编码。我不希望任何人为我编写代码，因为我真的想学习如何更有效地思考这些事情，但如果有人能帮助我思考我需要做什么，我将不胜感激。

看起来你想做的是一个能够存储信息的web应用程序，在本例中，您的信息是您标注的待办事项列表。例如，您可以将此信息存储在数据库或.txt上。之后，下一步是填写每次加载html页面时创建的列表，要保存新信息，可以在js中设置事件在后台保存信息。

---

当然，要完成所有这些，您需要对我确定的关键点进行一些研究。

听起来您的应用程序不涉及任何服务器端逻辑，所以我只讨论客户端的选项：

更改待办事项列表时，您需要存储内容，并在重新访问/加载页面时再次加载。因此，您基本上可以选择将数据保存到cookie或本地存储。Cookie用于在客户端保存小数据，并在每次请求时将这些数据传输到服务器。Cookie在被删除之前通常也有有限的生存时间。 Localstorage可以在客户端存储更大的数据，不会随每个请求一起发送到服务器，并且通常不会像cookies那样快速删除。所以我想我更喜欢使用本地存储

关于写入和读取Cookie和localstorage，有很好的参考资料

本地存储

看

Cookies

看

但您应该了解，只要您依赖于将数据保存到客户端，其他浏览器将无法使用数据（例如，您在chrome中工作，现在在firefox或匿名模式下打开页面）

---

因此，从长远来看，您应该考虑在服务器端传输和保存数据。如果您坚持使用纯客户端方法，我建议您实现将todo列表保存为下载的选项。否则，删除浏览器数据可能会丢失所有待办事项列表。

在键盘输入事件中，您可以触发后台保存。这太棒了@C Red，您可以观看教程视频或阅读有关如何使用JavaScript的localStorage api或IndexedDB api的文章。您还可以阅读关于使用IndexedDB构建todolist的教程

localStorage.setItem('myCat', 'Tom');
...
var cat = localStorage.getItem('myCat');

document.cookie = "username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC";
...
var x = document.cookie;