How can I using local storage to store login information?

Question

My html code like this :

<li id="login" class="hide-on-med-and-down">
    <a class="dark-text" style="padding-right:0 !important" href="#">Login</a>
</li>
<li id="user-login">
    <a class="white-txt dropdown-button" href="#" data-activates="user-dropdown">
        <span id="current-lang" data-code="">085132112345</span>
        <i class="fa fa-angle-down right"></i>
    </a>
    <ul id="user-dropdown" class="dropdown-content">
        <li class=""><a href="#">Profile</a></li>
        <li class="divider"></li>
        <li class="active"><a href="#">Logout</a></li>
        <li class="divider"></li>
    </ul>
</li>

My javascript code like this :

var x = document.getElementById("login");
var y = document.getElementById("user-login");
if (localStorage.getItem("loginChelseaLocalStorage") === null) {
    x.style.display = "block";
    y.style.display = "none";
}
else {
    x.style.display = "none";
    y.style.display = "block";
}

If the user login, it will store on local storage like this :

localStorage.setItem("loginChelseaLocalStorage", true);

If the user logout, it will remove local storage like this :

localStorage.removeItem("loginChelseaLocalStorage");

Is the use of local storage to store login information as above is correct and good?

Read [this](https://stackoverflow.com/questions/17280390/can-local-storage-ever-be-considered-secure) — yqlim, Mar 08 '20 at 07:53
@connexo Okay. How do I make a good and safe name and value of local storage? — moses toh, Mar 08 '20 at 10:16
@connexo I know local storage, session storage, cookies. Which is a good and safe choice? — moses toh, Mar 11 '20 at 00:21

score 0 · Answer 1 · answered Mar 08 '20 at 11:04

0

Localstorage store string data so you should use JSON.stringify(true) and to get the item from local storage you can use JSON.parse(getItem("loginChelseaLocalStorage")) review the use of Localstorage here https://www.w3schools.com/jsref/prop_win_localstorage.asp

answered Mar 08 '20 at 11:04

Nourhan Ahmed

179
1
10

Okay. But how do I make a good and safe name and value of local storage? – moses toh Mar 08 '20 at 12:02
check that it will help you https://www.smashingmagazine.com/2010/10/local-storage-and-how-to-use-it/ – Nourhan Ahmed Mar 08 '20 at 14:43
I know local storage, session storage, cookies. Which is a good and safe choice? – moses toh Mar 11 '20 at 00:20

How can I using local storage to store login information?

1 Answers1