Javascript 将值从输入字段传递到localstorage，并在js中访问它

我想将输入字段的值传递给另一个div中的js函数。我认为我离正确的解决方案不远，但它不起作用，只返回一个空值

<div id="Page1" class="page" style="">
Firstname: <input type="text" id="firstname" name="firstname"></br>
Date of Birth: <input type="text" id="dob" name="dob"></br>
<button onclick="locstor()" type="button">Save>
<script>
function locstor(){
  localStorage.setItem("firstname", $("#firstname").val());
localStorage.setItem("dob", $("#dob").val());
    }
</script>     
</div>

如果我调用probe1或probe2作为测试的警报，它是空的

---

我的错误在哪里？

打开控制台（F12）并检查错误。我检查了，没有错误。您的代码运行正常，您必须在设置localStorage之前在其他div中执行代码。如果在setItem之后立即执行

console.log（localStorage.getItem（“firstname”））

，它将显示为right

var probe1 = localStorage.getItem("firstname");
var probe2 = localStorage.getItem("dob");
var teststim =  [probe1, "ERIC", "CHRIS", "PAUL", "ALEX", "JACK",
                 probe2, "4 APRIL", "27 JUNE", "9 DECEMBER", "19 MARCH", "20 OCTOBER"];