Как добавить 1 к переменной JavaScript, не уменьшая ее исходное число?

Question 1

Я хочу увеличить 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>

javascript html

-1

SwitxhFX 24 Окт 2019 в 10:40

1

clicks++ должно помочь. Он глобальный, его нельзя сбрасывать. Если вы не имеете в виду, что он сбрасывается при перезагрузке страницы.

–

Federico klez Culloca

24 Окт 2019 в 10:43

Ничего не сбрасывается при нажатии на кнопку. Просто увеличивает число.

–

Geshode

24 Окт 2019 в 10:44

Итак, в основном вы хотите восстановить последнее значение переменной после перезагрузки страницы и продолжить с этой точки? Или у вас возникли проблемы с добавлением 1, и это не работает (но я думаю, что должно)?

–

Andrey Kostenko

24 Окт 2019 в 10:45

Будьте яснее

–

Baruch_Mashasha

24 Окт 2019 в 10:46

Answer

Вы можете использовать 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>

2

Sohail Ashraf 24 Окт 2019 в 10:51

1

localData — это string, вам, вероятно, следует преобразовать его в number, потому что это не удастся, если вы используете что-то вроде clicks = clicks + 1 вместо clicks++.

–

Titus

24 Окт 2019 в 10:49

Внес необходимые изменения, спасибо.

–

Sohail Ashraf

24 Окт 2019 в 10:52

Это также работает: var clicks = +localStorage.getItem('clicks') || 0;

–

Thomas

24 Окт 2019 в 12:38

Question 2