Сохранение числа, которое увеличивается при нажатии кнопки без языка на стороне сервера

Question

Существует ли простой способ сохранить число, которое увеличивается, когда пользователь нажимает кнопку без какого-либо языка server-side? Вот мой код:

var num = 0;
var button = document.getElementById("coinBtn");
function coin() {
  num += 1;
  var numbers = document.getElementById("coinAm");
  //upgrade level for printing
  var upgradeLevel = document.getElementById("upgradeLevel");
  numbers.innerHTML = num;
}

Answer 1

Самый быстрый способ сделать "похожую на сохранение" функциональность - это использовать localStorage.

Таким образом, вы можете сделать что-то вроде этого:

var num = 0;

var button = document.getElementById("coinBtn");

function coin() { 
    num += 1;
    var numbers = document.getElementById("coinAm");

        //upgrade level for printing
    var upgradeLevel = document.getElementById("upgradeLevel");

    numbers.innerHTML = num;
    localStorage.setItem('num', num); // save to localStorage 

}

Затем прочитать его обратно localStorage, вы можете сделать localStorage.getItem('num');

https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

Answer 2

Вы можете использовать localStorage или sessionStrorage, в зависимости от ваших потребностей.

localStorage.setItem("coinCount", num), чтобы сохранить элемент. localStorage.getItem("coinCount") чтобы получить элемент при перезагрузке страницы и получить предыдущий счет.

Примечание: Пример в реальном времени не будет работать из-за проблемы безопасности.

var num = Number(localStorage.getItem("coinCount") || 0);
//var num = Number(sessionStrorage.getItem("coinCount") || 0);
var button = document.getElementById("coinBtn");
function coin() {
  num += 1;
  var numbers = document.getElementById("coinAm");
  //upgrade level for printing
  var upgradeLevel = document.getElementById("upgradeLevel");
  numbers.innerHTML = num;
  localStorage.setItem("coinCount", num)
  
  //sessionStrorage.setItem("coinCount", num)
}