LocalStorage как сохранить переменную которая изменяется

Question

У меня есть игра кликер. Мне надо чтобы после перезагрузки страницы счетчик не сбрасывался. Не получается сделать через LocalStorage , точнее получается,после обновление страницы появляется число которое было до обновления,но при нажатия кнопки счетчик становится на 0

Answer 1

Используй вот это, надеюсь тебе поможет)
P.S: тут localStorage не работает

let clickBlock = document.querySelector('.clicker');
let scoreBlock = document.querySelector('.score');

let clickCount = localStorage.getItem('clicker-count');
clickCount = clickCount == null ? 0 : clickCount;

scoreBlock.innerHTML = clickCount;


clickBlock.addEventListener('click', () => {
  clickCount++;
  scoreBlock.innerHTML = clickCount;
  localStorage.setItem('clicker-count', clickCount);
})

.clicker {
  width: 320px;
  height: 320px;
  background-color: royalblue;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 34px;
  font-family: consolas;
  cursor: pointer;
}

<div class="score">0</div>
<div class="clicker">Click</div>

БЛОГ НА HUSL

LocalStorage как сохранить переменную которая изменяется

Ответы (1 шт):