如何在 HTML 頁面上顯示本地存儲保存的值

Question

我有兩個問題：

1. 當我加載 HTML 頁面時，我在檢查中查看“調試”時，它不斷表示本地存儲未定義

2. 如何在 HTML 頁面中顯示本地存儲值

JS代碼：

var loadLives = setInterval(showLives, 100);
// get lives from localstorage
var livesInStorage = window.localstorage.getItem('lives');
let lives;

if(livesInstorage) {
  //parse localstorage data to Int
  lives = parseInt(livesInstorage, 10);
}
else {
  // initial value (in this case: 3)
  lives = 3;
}

function loseLife() {
    if (lives > 1) {
        lives = --lives;

        // set changed value in localStorage
        window.localstorage.setItem('lives', lives);
    }
    else {
        location.href='fail.html';
    }
}

function showLives() {
    document.getElementById("lifeamount").innerHTML = window.localstorage.getItem('lives');
}

Answer 1

從您共享的代碼中，我可以看到您將變量“lives”設置為 3 作為初始值，但您沒有在本地存儲中設置它。 您只在調用“loseLives”時將其設置在本地存儲中，但我沒有看到對此 function 的調用。

另外，你有一個錯字。 你寫的是 localstorage 而不是 local S torage。