Как хранить данные в локальном хранилище браузера

Question

Я пытался не использовать базу данных, а локальное хранилище браузера для примера входа. Я имею в виду, когда пользователь дает «имя пользователя» и «пароль», он будет проверять локальное хранилище браузера, а затем сможет войти в систему. Я использую localStorage.setItem и localStorage.getItem HTML5, чтобы получить данные и показать их. Вот мой код-

var user_name=document.getElementById('userName').value; 
var user_pswd=document.getElementById('password').value;     
localStorage.setItem("user", user_name); 
localStorage.setItem("pass", user_pswd);      
// Retrieve      
document.getElementById("output").innerHTML = localStorage.getItem("user"); 

Это набор данных и показывает имя пользователя, но это возможно, чтобы получить данные после перезапуска браузера ?? Когда я пытаюсь войти в систему в первый раз, как я могу проверить данные браузера? Пожалуйста, любая помощь очень ценится.

Answer 1

перезапуск браузера не удаляет локальные данные хранения.

вы можете проверить, если у вас есть данные для обоих ключей (имя пользователя, пароль) с последующим условием

if ((localStorage.getItem("userName") !== null) && (localStorage.getItem("password") !== null)) 
{ 
    // you have values for both userName and password 
} 

для вашего случая вы можете проверить, если значения TextBox совпадают со значениями в локальном хранилище

if ((localStorage.getItem("userName") === null) && (localStorage.getItem("password") === null)) 
{ 
    localStorage.setItem("user", "Subho"); // writes name and password to local storage if not exists 
    localStorage.setItem("pass", "Subho"); 
} 

if ((localStorage.getItem("user") == document.getElementById('userName').value) 
{ 
    if ((localStorage.getItem("pass") == document.getElementById('password').value) 
    { 
     // login is successful 
    }   
} 

Однако это не безопасный метод входа в систему, данные локального хранилища доступны пользователям