javascript - 如何使访问网站的任何人的号码计数器保持当前号码

Question

我在我制作的网站上添加了一个数字计数器。我需要做到这一点，以便数量保持在当前数量。例如，如果数字为 3，我单击“添加 1”，那么下一个访问该网站的人应该会看到 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 请求检索数据以使其动态化。