Javascript 如何在此示例中使用localStorage？

你能在这上面应用本地存储吗？如果我单击“扣除”，id“槽”将减少为1。我想学习的是如何应用本地存储。如果插槽为9，并且如果我将刷新/关闭浏览器或重新启动计算机并再次运行程序，则插槽将保持为9。我很难学习localStorage，需要帮助

<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>

var availableSlot1=10；
var reduceSlot1=函数（valueToDecet1）{
availableSlot1=availableSlot1-ValueToDecis1；
document.getElementById（'slot'）.innerHTML=availableSlot1；
var x=storage.key（availableSlot1）；
如果（availableSlot1==0）{
document.getElementById（'x'）.innerHTML=“FULL”；
document.getElementById（“button1”）.style.display=“无”；
}
};
10
编辑：
var slot=localStorage.getItem（“slot”）；
如果（插槽类型==“未定义”）{
槽=10；
}
document.getElementById（“slot”）.innerHTML=slot；
var reduceSlot1=函数reduceSlot（按）
{
如果（插槽>=通过）{
槽-=通过；
document.getElementById（“slot”）.innerHTML=slot；
setItem（“插槽”，插槽）；
} 
否则{
document.getElementById（'slot'）.innerHTML=“FULL”；
document.getElementById（“button1”）.style.display=“无”；
}
}

我遵循了代码，但它不起作用。

您可以使用

localStorage.name

使用本地存储，您可以使用任何属性来代替name

var i = 1;
localStorage.name = i;

---

好的，我会尝试，那么我是否要删除我的脚本并用它替换？我编辑了我的答案，我希望现在它是清晰的，我编辑了，但它不起作用，请查看上面我编辑的代码。现在，我添加了一个到JSFIDLE的链接，它在那里起作用了谢谢你，先生，但当我单击按钮时有一个问题，它减少了插槽，很好。假设剩余的插槽是9，但当我刷新浏览器时，它会返回到10，但当我再次单击时，它已经是8，因为我之前已经扣除了它。我关心的是，当我刷新时，插槽总是显示为10。准确地说，

name

不是一个“参数”，而是一个属性。你能在NaYan完成代码吗

var i = 1;
localStorage.name = i;