Блог

Я создал инкрементную и декрементную функции для значения формы. На данный момент с локальными переменными все идет хорошо.

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

Уже много раз пробовал, в одиночку найти решение, и ничего не получалось.

 <form id="score">
   <input type="text" id="number" value="0"/>
   <input type="button" onclick="incrementValue3()" value=" 60" />
   <input type="button" onclick="incrementValue2()" value=" 30" />
  </form>

<script>

function incrementValue3()
{
    var value = parseInt(document.getElementById("number").value, 10);
    value = isNaN(value) ? 0 : value;
    value = value   60;
    document.getElementById("number").value = value;
};

function incrementValue2()
{
    var value = parseInt(document.getElementById("number").value, 10);
    value = isNaN(value) ? 0 : value;
    value = value   30;
    document.getElementById("number").value = value;
};

</script>
  

Для сохранения значения в localStorage используйте следующую строку кода :

 var value = parseInt(document.getElementById("number").value, 10);
localStorage.setItem("value", value);
  

Чтобы использовать значение где-либо, пользователь

 localStorage.getItem("value");
  

Для вашего варианта использования:

 document.getElementById("result").value = localStorage.getItem("value");
  

Пожалуйста, обратитесь к документации для получения более подробной информации: https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage