Локальное сохранение переменной

138
24 марта 2022, 09:10

есть код

<button onclick="plusScore()">Добавить очки</button> 
<button onclick="balanceUser()"> баланс </button> 
<!--scripts--> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> 
<script> 
  var score = 0 
 
  function plusScore() { 
    score = score + 100 
    alert('Очки пополнены!') 
  } 
 
  function balanceUser() { 
    alert('Твой баланс ' + score) 
  } 
</script>

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

Answer 1

Используйте localstorage или session или cookie для сохранения переменной в зависимости от потребностей.
Так же Вам стоит убрать var score = 0 чтобы прибавлять данные к сохранённому значению.
Пример с комментариями:

<button onclick="plusScore()">Добавить очки</button>
<button onclick="balanceUser()"> баланс </button>
<!--scripts-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
    function plusScore() {
        var score = localStorage.getItem('Score'); //Получаем значение из переменной, если её нет - будет null
        score = +score + 100; // Значение score приводим к числу и к этому значению прибавляем 100
        console.log(score);
        localStorage.setItem('Score', score); //Сохраняем в localstorage
    }
    function balanceUser() {
        var scor = localStorage.getItem('Score'); //Получаем значение из localstorage
        console.log(scor);
    }
</script>
READ ALSO
Middleware внутри другого Middleware в ExpressJS

Middleware внутри другого Middleware в ExpressJS

Пишу свой middleware для ExpressJS и столкнулся с задачей, где нужно использовать кукиДля этого существует отдельный middleware - cookie-parser

201
Как проверить значение value с переданным значением

Как проверить значение value с переданным значением

У меня есть данный кусок кодаУ меня есть 9 input'ов, мне нужно, чтобы при submit'e происходила проверка, если value = переданному значению datavalue, то тогда...

174
Увеличить кнопки и расстояние между ними блок &#171;Поделиться&#187; Яндекс

Увеличить кнопки и расстояние между ними блок «Поделиться» Яндекс

Возможно-ли увеличить размер и расстояние между кнопками в блоке «Поделиться» ЯндексВ мобильной версии очень маленькие кнопки и расстояние...

60
Файл скачивается не полностью c#

Файл скачивается не полностью c#

Такая проблемаЯ скачиваю файл с ФТП через обычный WebClient()

118