Javascript Highscore Not Working

Question

我正在使用javascript和html制作游戏。我想创建一个高分功能。 x是您当前得分的名称。在下面的代码中，header表示“高分”，但在完成游戏后应该说出一个数字。

<h2 id="highscore">Highscore</h2> 

function highscorefunction() { 
var highscore = localStorage.getItem("highscore"); 
if(highscore !== null){ 
    if (x > highscore) { 
    localStorage.setItem("highscore", x); 
    document.getElementById("highscore").textContent = highscore ; 
    } 
}else{ 
    localStorage.setItem("highscore", x); 
    document.getElementById("highscore").textContent = highscore ; 
} 
} 

注意：下面的代码表示[对象HTMLHeadingElement]而不是“高分”

function highscorefunction() { 
var highscore = localStorage.getItem("highscore"); 
if(highscore !== null){ 
    if (x > highscore) { 
    localStorage.setItem("highscore", x); 
    } 
}else{ 
    localStorage.setItem("highscore", x); 
} 
} 
document.getElementById("highscore").textContent = highscore ; 

可有人请告诉我我哪里错了

Answer 1

如果x只是一个数字保证您在函数highscorefunction之外定义了highscore，那么您的浏览器正在将全局变量highscore解释为对该HTML元素的引用，因为它的ID。

var highscore = localStorage.getItem("highscore"); 
function highscorefunction() { 
    ... 
} 
document.getElementById("highscore").textContent = highscore ;