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 ;