Como salvar um número no localStorage que aumenta sempre que o usuário insere um novo número?
Estou tendo problemas para resolver este problema. Eu fiz um pequeno programa em JavaScript no qual o usuário digita um número e exibe uma porcentagem. Também exibe o total dos números digitados. Eu estou tentando exibir esse total cada vez que o usuário visualiza a página. Eu quero usar o localStorage para salvar o número e exibi-lo na tela toda vez que um usuário visita a página.
Aqui está a demo jsfiddle. O problema é que não consigo descobrir como incrementar um número salvo. Eu quero minutos para ser adicionado cada vez que o botão calcular é clicado.
Aqui esta o meu codigo ate agora:
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.";
}