如何在javascript中保存多个用户名和密码[重复]

Question

首先 - 我知道不要以这种方式保存密码和登录信息。我只是将此作为一项任务。

所以，我需要从注册表中保存用户名和密码，然后在登录表单中使用它。 我如何仅使用 html 和 JS 来做到这一点？

现在我有类似的东西：

let user_name = document.getElementById("username");
let user_paswrd = document.getElementById("password");


let store_data = () => {
  let input_username = localStorage.setItem("username", user_name.value);
  let input_password = localStorage.setItem("password", user_paswrd.value);

};

https://jsfiddle.net/gcu78z20/

它在本地存储中保存用户名和密码，但我需要保存所有注册的用户名和密码。然后在登录菜单中登录时将其取回。我该怎么做？用 localstore 还是 cookie 比较好？

重要信息 此表格只会在本地打开。该网站不会在网络上。

Answer 1

您可以将数据存储为数组。

if(!localStorage.getItem("credentials")) localStorage.setItem("credentials", JSON.stringify([]));

var arr = JSON.parse(localStorage.getItem("credentials"));
console.log(arr)

let user_name = document.getElementById("username");
let user_paswrd = document.getElementById("password");

let store_data = () => {
  credentials.push({username: user_name, password: user_paswrd});
  localStorage.setItem("credentials", JSON.stringify(arr))

};

<input id="username" type='text' placeholder="username"><br>
<input id="password" type='password' placeholder="password"><br>
<button onclick="store_data">Submit</button>