javascript - この例で localStorage を使用するには?

Question

これに localStorage を適用できますか? 「Deduct」をクリックすると、ID「slot」が 1 に減ります。学びたいのは、localStorage の適用方法です。スロットが 9 の場合、ブラウザーを更新/閉じるか、コンピューターを再起動してプログラムを再度実行すると、スロットは 9 のままになります。

<script>
var availableSlot1 = 10;
var reduceSlot1 = function(valueToDeduct1){
    availableSlot1 = availableSlot1 - valueToDeduct1;
    document.getElementById('slot').innerHTML = availableSlot1;
    var x = storage.key(availableSlot1);
    if (availableSlot1 == 0){
        document.getElementById('x').innerHTML = "FULL";
        document.getElementById("button1").style.display = "none";
    }
};
</script>

<p id="slot">10</p>
<a href="javascript:reduceSlot1(1)" id="button1">Deduct</a>

EDITED:
<script>
var slot = localStorage.getItem("slot");
if (typeof slot == "undefined") {
     slot = 10;
}
document.getElementById("slot").innerHTML = slot;

var reduceSlot1 = function reduceSlot(by) 
 {
  if (slot >= by) {
      slot -= by;
      document.getElementById("slot").innerHTML = slot;
       localStorage.setItem("slot", slot);
 } 
else {
      document.getElementById('slot').innerHTML = "FULL";
      document.getElementById("button1").style.display = "none";
    }
 }
</script>

コードに従いましたが、機能していません。

Answer 1

ローカル ストレージのライブ デモ

を使用してローカル ストレージを使用できます。namelocalStorage.nameの代わりに任意のプロパティを使用できます。

var i = 1;
localStorage.name = i;

Answer 2

http://jsfiddle.net/flocsy/mrhwK/

var slot = localStorage.getItem("slot");
if (slot == null) {
  slot = 10;
}
document.getElementById("slot").innerText = slot;

function reduceSlot() {
    if (slot >= 1) {
        slot --;
        document.getElementById("slot").innerText = slot;
        localStorage.setItem("slot", slot);
    } else {
        document.getElementById('x').innerText = "FULL";
        document.getElementById("button1").style.display = "none";
    }
}

document.getElementById("button1").onclick = reduceSlot;