刷新后如何将存储的数据保存到本地存储?

Question

我正在制作一个带有香草JS, CSS和HTML的web应用。在我的应用中，我有一个输入框，你应该在这里写你的名字。当你提交的值，它应该被存储和显示在首页/设置。刷新页面后，该值消失。为什么?

window.save_data = function () {
if (typeof (Storage) !== "undefined") {
let input = document.getElementById('inputName').value;
localStorage.setItem('name', input);
document.getElementById('inputName').value = localStorage.getItem('name');
let storedValue = localStorage.getItem("name");
document.querySelector("#user-name").innerHTML = storedValue;
console.log(storedValue);
return storedValue;
} else {
alert("Sorry! No Web Storage support..")
}
}

<input type='text' name="name" id="inputName" />
<button onclick="save_data()" type="button">Save</button>

Answer 1

本地存储是您可以在您的场景中使用的。

Answer 2

要做到这一点，请查看并阅读有关本地存储....