Журнал истории не будет удален при обновлении страницы ИЛИ журнал истории сохранит свое значение в электронной таблице

Question

Я создал простой счетчик, который имеет одно текстовое поле, отключенное поле и историю для записи всех предыдущих значений в отключенном поле.

Работает отлично, но каким-то образом при случайном обновлении страницы все журналы удаляются.

Есть ли способ сохранить эту запись, даже если страница перезагрузится? Или, может быть, сохранить его в электронной таблице?

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>

Answer 1

Вы можете хранить и извлекать эти данные из локального хранилища веб-браузера. Подробнее об этом