Javascript 如何将用户输入保存到本地存储？

我做了一个日计划，并意识到我从来没有设置输入保存到本地存储。我不太熟悉如何保存到本地存储，坦率地说，我不知道从哪里开始，我在网上看到的示例与我的代码格式非常不同，因此很难理解。有什么建议吗

$（函数（）{
$（文档）.on（'单击'，'）。编辑函数（）{
let editable=$（this.prev（'.edit_cont'）.attr（'contenteditable'）；
如果（可编辑）{
$（this.text（'edit'）；
$（this）.prev（'.edit_cont'）.removeAttr（'contenteditable'）；
$（this）.prev（'.edit_cont'）.removeClass（'edit_cont_border'）；
}
否则{
$（this.text（'save'）；
$（this）.prev（'.edit_cont'）.attr（'contenteditable'，'true'）；
$（this）.prev（'.edit_cont'）.addClass（'edit_cont_border'）；
}
})
});

上午9点
编辑
上午10点
编辑
（+6行以上）
使用非常简单。您所要做的就是，例如：

localStorage.setItem('your_data_key', yourData);

您可以选择是将单个输入的数据存储在本地存储项中还是整个表单中

如果要使用单个项存储整个表单的数据，一种方法是将表单的数据转换为JSON。由于您使用的是jQuery，请检查中的答案：它也有一个用于在vanilla JS中执行此操作的方法

Object.fromEntries（新表单数据（表单））

您可以使用事件侦听器的组合将数据保存到
localstorage
，并从中加载数据

在jQuery中，一种方法是如下所示

$（函数（）{
//storedData=localStorage.getItem（'your_data_key'）；
//根据保存方式将存储的数据加载到表单中
});
函数存储数据（e）{
//yourData=…；//以您想要的方式收集数据
//setItem（'your\u data\u key'，yourData）；
}
$（“表格”）。在（'submit'，storeData）；
$（“表单：输入”）。在（'change'，storeData）上；

以上内容不完整，未经测试，仅供参考。
如何从userinput中生成数据键？并不是这么简单。您需要将数据转换为JSON。@AiyaSiddig使用输入名称。@Barmar，为什么我需要将数据转换为JSON？@AiyaSiddig您知道如何使用事件处理程序吗<代码>一旦用户点击“保存”

部分就可以通过执行

点击事件上的代码来完成<代码>编辑已保存

可由

更改

事件`处理，

刷新页面上的静止状态时

由

就绪

和

加载

事件完成。您正在寻找索引数据库吗？您还可以将数据保存到浏览器Cookie中。索引数据库比cookies和本地存储更灵活、更易于探索，适用于大数据和结构化存储