Как сохранить число в localStorage, которое увеличивается каждый раз, когда пользователь вводит новый номер?
У меня проблемы с тем, чтобы обернуться вокруг этой проблемы. Я сделал небольшую программу на Javascript, в которой пользователь вводит число и отображает процент. Он также отображает сумму введенных чисел. Я пытаюсь отображать эту сумму каждый раз, когда пользователь просматривает страницу. Я хочу использовать localStorage, чтобы сохранить номер и отображать его на экране каждый раз, когда пользователь заходит на страницу.
Вот демоверсия jsfiddle. Проблема в том, что я не могу понять, как увеличить сохраненное число. Я хочу, чтобы минуты добавлялись при каждом нажатии кнопки «Рассчитать».
Вот мой код до сих пор:
var decent = 1200;
var master = 600000;
var minutes;
var decentOriginal;
var masterOriginal;
var totalDecent=0;
var totalMaster=0;
var decentLeft= 1200;
var masterLeft= 600000;
var totalMin = 0;
function compute() {
minutes = document.getElementById('userInput').value;
decentOriginal = minutes/decent * 100;
masterOriginal = minutes/master * 100;
updatePercent();
localStorage.time = localStorage.num + minutes;
document.getElementById('storage').innerHTML = localStorage.time + " minutes";
}
function updatePercent() {
var decentPercent = document.getElementById('decent-percent');
var masterPercent = document.getElementById('master-percent');
var decentCompute = Math.round(decentOriginal*100)/100;
var masterCompute = Math.round(masterOriginal*100)/100;
decentLeft = decentLeft - minutes;
masterLeft = masterLeft - minutes;
totalDecent = totalDecent + decentCompute;
totalMaster = totalMaster + masterCompute;
totalMin = Math.round(totalMin + parseInt(minutes)/60);
if(decentLeft<=0) {
totalDecent = 100;
decentLeft = 0;
decentCompute = 0;
}
if(masterLeft<=0) {
totalMaster = 100;
masterLeft = 0;
masterCompute = 0;
}
if(totalMin>=600000) {
totalMin=600000;
}
decentPercent.innerHTML = totalDecent.toFixed(1) + "%" + " " + decentLeft + " minute(s) to go.";
masterPercent.innerHTML = totalMaster.toFixed(2) + "%" " " + masterLeft + " minute(s) to go.";
document.getElementById('total-min').innerHTML = totalMin+" hours spent.";
}