如何使数字计数器保持当前的数字为访问网站的任何人

Question

我在我制作的网站上添加了一个数字计数器。我需要这样做才能使数字数保持在当前数字。例如，如果数字为3，我点击添加一个，那么访问该网站的下一个人应该看到4.现在，每当有人访问该网站时，它会重置为零。

HTML

 <div class="box">    
      <input id="qty" value="0" />
        <button id="up" onclick="modify_qty(1)">+ one</button>
    <div class="mastfoot">

的Javascript

function modify_qty(val) {
    var qty = document.getElementById('qty').value;
    var new_qty = parseInt(qty,10) + val;

    if (new_qty < 0) {
        new_qty = 0;
    }

    document.getElementById('qty').value = new_qty;
    return new_qty;
}

Answer 1

您需要做的是使用持久数据存储。每次创建页面时都会创建变量。因此每次重建时都会将变量覆盖为0。

您可以使用像PHP这样的服务器端语言在数据库中存储数据，或者使用写入文件，然后使用AJAX请求检索数据以使其动态化。