Question

我想增加1个变量，而又不减少原始数。例如，假设我从10而不是0开始，如何将其设为11而不是重置。

示例：

<div class="game-object">
  <script type="text/javascript">
    var clicks = 0;

    function updateClickCount() {
      document.getElementById("clickCount").innerHTML = clicks;
    }
  </script>
  <button type="button" onClick="clicks++;updateClickCount();" id="push">NO.</button>
  <div id="clickCount"></div>
</div>

Answer 1

您可以使用localstorage来存储最终点击计数，该计数也将在重新加载页面时保持不变。

尝试一下。

<header>
    <strong>
              Don't Touch The Button
            </strong>
</header>
<div class="game-object">
    <script type="text/javascript">
        let localData = localStorage.getItem('clicks');
        var clicks = 0;
        if (localData) clicks = Number(localData)

        function updateClickCount() {
            clicks++;
            localStorage.setItem('clicks', clicks);
            document.getElementById("clickCount").innerHTML = clicks;
        }
    </script>
    <button type="button" onClick="updateClickCount();" id="push">NO.</button>
    <div id="clickCount"></div>
</div>

如何在JavaScript变量中增加1而不降低其原始数字？

1 个答案: