顯示本地存儲值

Question

我試圖僅顯示保存在本地存儲中的值，而不是在提交登錄表單后顯示本地存儲中所有數據的鍵值

    welcome <span id="demo"></span>
        <script>

     document.getElementById('demo').innerHTML=localStorage.getItem ("users") === ("username");

  </script>

Answer 1

請試試這個。

let userData = localStorage.getItem ("users") ;
if(userData) {
    userData = JSON.parse(userData);
    document.getElementById('demo').innerHTML = userData[0]['username'];
}

希望這能解決您的問題。

Answer 2

好的，首先，您真的不應該將密碼保存在localStorage中。

user （不是users ）應該是一個 object，它只持有您不介意甚至其他網站可以訪問的公共信息。

它應該類似於{username: "Something", email: "something@tada.com"}

這樣你就可以像這樣使用它：

let user = localStorage.getItem('user');
if (user) {
    user = JSON.parse(user);
    document.getElementById('demo').innerHTML = user.username;
}