Javscript测验：我似乎无法保存用户的分数

Question

我有一个有效的javascript测验。目的是保存用户的分数。

这就是我所拥有的。在测验（quiz.html）结束时，弹出一个警报，并显示用户的分数（这工作很好）。关闭警告框后，将出现一个新窗口complete.html（这也起作用）。

var score = 0; // Default score is 0

if (questionIndex >= questions.length) {
  alert("End of quiz! You scored " + score + " points!"); // alert user that time is up
  window.open("./complete.html", "_self"); // open a new window
  } else {
    render(questionIndex);
}

在我的complete.html中，我有以下代码。

<div class="quizComplete">
  <h2>All done!</h2>
  <p>
    Your score is: 
      <span id="quizTotalScore">
      <!-- USER SCORE APPEARS HERE -->
      </span>
  </p>
</div>

但是，我尝试使用document.queryselector（“#quiztotalscore”）.textContent=score；，但是分数没有出现在SPAN#quiztotalscore中。我错过什么了吗？我是否需要先将分数保存在localStorage中，以便它出现在complete.html上？

Answer 1

使用LocalStorage/Cookie

在导航到下一页之前，在localStorage中设置一个变量

 localStorage.setItem("score","value");
 window.open("complete.html", "_self");

在第二页的窗口加载事件中。

  $(function() {
     if(localStorage.getItem("variable")) {

      // set the ID here
       // after setting remember to remove it, if it's not required
       localStorage.removeItem("variable");
    }

   });