Javascript 历史日志赢得'；当页面刷新或历史日志将存储它时，不会被删除'；电子表格中的s值

我已经创建了一个简单的计数器，它有一个文本框、禁用框和一个历史记录来记录禁用框中所有以前的值

它工作得很好，但是当页面意外刷新时，所有日志都会被删除

有没有办法在页面重新加载时保留该记录？或者将其存储在电子表格中

let box1 = document.getElementById("box1");
let box2 = document.getElementById("box2");
let resetBtn = document.getElementById("reset");
let historyContainer = document.getElementById("history");
let history = [];

//listen key enter press on the input
box1.addEventListener("keyup", e => {
  if (e.key === "Enter" && e.target.value !== "") {
  const summedValue = (box2.value && box2.value.trim() === "")  ? Number(box2.value) : Number(box2.value) + Number(e.target.value)
  box2.value = summedValue;
  historyContainer.innerHTML += `<p>${box2.value}</p>`;
  box1.value = "";
  }
});
//reset the second box and
resetBtn.addEventListener("click", () => {
  box2.value = "";
  historyContainer.innerHTML = ""
});
<input type="number" id="box1" />
<input type="number" id="box2" disabled />
<div id="history">
</div>

<button type="button" id="reset">
Reset
</button>

让box1=document.getElementById（“box1”）；
设box2=document.getElementById（“box2”）；
让resetBtn=document.getElementById（“reset”）；
让historyContainer=document.getElementById（“历史”）；
让历史=[]；
//按输入键输入
框1.addEventListener（“键控”，e=>{
如果（e.key==“输入”&&e.target.value！==”）{
const summedValue=（box2.value&&box2.value.trim（）==”）？编号（box2.value）：编号（box2.value）+编号（e.target.value）
box2.value=总和值；
historyContainer.innerHTML+=`${box2.value}
`；
框1.value=“”；
}
});
//重置第二个框并
resetBtn.addEventListener（“单击”，（）=>{
框2.value=“”；
historyContainer.innerHTML=“”
});
重置

您可以从web浏览器的本地存储器中存储和检索这些数据

我已经读过了，它真的很棒。但是，有没有一种方法可以将其存储在我的电子表格中？因此，用户将在其历史日志中具有可见性。