Javascript 从Localstorage中我的html页面的输入字段中设置值

如何使用localstorage从html页面上的输入字段设置值。 比如，如果我在输入字段中键入一些内容，例如“Hello”，然后按下Submit按钮。然后页面的标题应改为“Hello”。但如果可能，它需要保存在本地存储中

你好

更改标题：

---

提交为此，您需要一些Javascript

您可以按如下方式获取输入值：

var inputValue=document.getElementById（“text”）.value

然后可以将其设置到本地存储中

localStorage.setItem（“text”，inputValue）

然后，您可以使用从本地存储检索值

var valueFromStorage=localStorage.getItem（“文本”）

确定您的提交按钮和标题的文本区域：

提交


然后获取该按钮的click事件并执行DOM更新

var submitButton = document.getElementById("submit");

submitButton.addEventListener("click", function(e) {
   document.getElementById("heading-title").innerHTML = valueFromStorage;
})

工具书类

您可以使用
localStorage.setItem
和
localStorage.getItem
将值保存到localStorage，以获取localStorage值。下面是一个工作示例


$（文档）.ready（函数（）{
if（localStorage.getItem（“inputvalue”））{
$（'p'）.text（localStorage.getItem（“inputvalue”）；
}
$（'button'）。在（'click'，function（）上{
setItem（“inputvalue”，$（“#text”）.val（）；
$（'p'）.text（localStorage.getItem（“inputvalue”）；
});
});

你好

更改标题：
提交
好的，但是如何从localstorage设置项目？@akin我已经更新了全部信息，但我建议您先做一些研究。你似乎还遗漏了很多其他的基本信息。这几乎可以奏效。当我按f5键时，文本会变回Hello。我认为它没有正确保存，或者我做了一些错误的事情。您需要检查
localStorage
在
onload
事件中是否有值。代码更新@akinStill时也会出现同样的问题。它确实保存在本地存储中，但刷新页面后不会显示在我的页面上。每过一天，它就会变回“你好”refresh@akin你收到错误了吗？不管代码是怎么更新的，检查一次就行了！我对“popupp”这件事很怀疑。但我想也许这是应该的。将其更改为（“inputvalue”）使其正常工作！谢谢：）