如何将 1 添加到 JavaScript 变量而不减少它的原始数字？

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>