如何在页面刷新时自动保存输入答案

【问题标题】：How to automatically save an input as when page is refreshed如何在页面刷新时自动保存输入
【发布时间】：2018-03-01 19:34:15
【问题描述】：

我希望能够在页面刷新时保存我在网站上输入的内容

function num() {
  var number = prompt("Enter number");
  document.getElementById("number").innerHTML = number;

}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td,
th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}

<button onclick="num()">Click here to edit number</button>

<table>
  <tr>
    <th colspan=2>Something</th>
  </tr>
  <tr>
    <td>Name</td>
    <td id="number"><!-- this is where I want input to show --> </td>
  </tr>
</table>

我希望能够刷新页面，并将我输入的数字留在那里。

【问题讨论】：

然后根据您的要求使用 localStorage 或 sessionStorage。
状态不会在页面刷新期间保持。您需要将数据存储在服务器或浏览器的 localStorage 中，然后检索它以在下一页加载时显示。
您可以使用 cookie 作为非常基本的解决方案，link on cookies。或者我为你的answer找到了这个链接

标签： javascript html variables html-table

【解决方案1】：

尝试使用以下代码更新您的代码

//if value exist place it otherwise show 0
function onloadFunc() {
  document.getElementById("number").innerHTML = localStorage.getItem("number") || 0;
}

window.onload = onloadFunc;

function num() {
  var number = prompt("Enter number");
  // set the value in local storage
  localStorage.setItem("number", number);
  document.getElementById("number").innerHTML = number;
}

【讨论】：

但它现在不会打印出表格中的任何内容。