отображение общего количества баллов с помощью localStorage - Javascript

Question

Я хотел бы отобразить баллы и общие баллы в базовой игре c. Каждый раз, когда пользователь щелкает, оценки добавляют 1, а итоговые баллы добавляют итоги и 1, сгенерированные в результатах.

Каждый раз, когда пользователь запускает игру, отображается общий счет, а затем он просто добавляет числа, показанные в счетах

Я думаю, что это работает в первом раунде -> результаты одинаковы в виде общего количества баллов на доске и когда я нажимаю «Пуск», отображаются итоговые баллы вместо возврата к 0.

Но когда я начинаю щелкать элемент, общие баллы не добавляют то, что я сохранил, они просто следуют количество баллов.

Как я могу сохранить итоги и просто добавить счет?

 the click function

      score++;
      scoreBoard.textContent = score;

      localStorage.setItem("totalscore", score);

      total.textContent = "total " + localStorage.getItem("totalscore");

the start function
         score = 0;
         scoreBoard.textContent = "0";
         total.textContent = "total " + localStorage.getItem("totalscore");

Answer 1

localStorage установить элементы в виде строки

Используйте Number(localStorage.getItem('totalScore')) для преобразования строки в число

Answer 2

the click function

      score++;
      scoreBoard.textContent = score;
      var currentTotalScore = new Number(localStorage.getItem("totalScore") || 0);
      localStorage.setItem("totalscore", currentTotalScore + score);

      total.textContent = "total " + localStorage.getItem("totalscore");

the start function
         score = 0;
         scoreBoard.textContent = "0";
         total.textContent = "total " + localStorage.getItem("totalscore");

Answer 3

Если я прав, предполагая, что это ваш Javascript код:

 click = () => {

      score++;
      scoreBoard.textContent = score;

      localStorage.setItem("totalscore", score);

      total.textContent = "total " + localStorage.getItem("totalscore");
}

start = () => {
         score = 0;
         scoreBoard.textContent = "0";
         total.textContent = "total " + localStorage.getItem("totalscore");
}

Тогда вы должны сделать следующее:

 click = () => {
      score++;
      scoreBoard.textContent = score;
      localStorage.totalscore = score;
      total.textContent = "total " + localStorage.totalscore;
}

start = () => {
      score = 0;
      scoreBoard.textContent = "0";
      total.textContent = "total " + localStorage.totalscore;
}