如何設置重新打開/刷新時不重置的輸入號碼？

Question

如何創建一個在重新打開/刷新時不會重置的輸入（）？

所以我用這個代碼：

<button onclick="stepupfunction()"> PRESS ME </button> 
<input id="score" type="number" value="0" readonly=true;> 

<script> 
function stepupfunction() { 
document.getElementById("score").stepUp(1); 
} 
</script> 

但每次我刷新或重新打開網頁，輸入始終重置爲0，如何使刷新或重新打開時不復位？

Answer 1

你應該從某個地方取值。我用store.js來做到這一點。

EDITED

<button onclick="stepupfunction()"> PRESS ME </button> 
<input id="score" type="text" value="0" readonly=true;> 
<script type ="text/javascript" src="store+json2.min.js"></script> 
<script> 
    document.addListener('onLoad', function documentLoaded(e) { 
     document.getElementById("score").value = store.get('putAKeyHere') || 0; 
    }) 
    function stepupfunction() { 
     document.getElementById("score").stepUp(1); 
     store.set('putAKeyHere',document.getElementById("score").value) 
    } 
</script>