如何在javascript中使用登录表单从本地存储获取数据?

如何在javascript中使用登录表单从本地存储获取数据?,javascript,html,local-storage,Javascript,Html,Local Storage,const firstName=document.getElementById(“firstName”); const lastName=document.getElementById(“lastName”); const email=document.getElementById(“newEmail”); const password=document.getElementById(“新密码”); const btnSignup=document.getElementById(“btn注册”)

const firstName=document.getElementById(“firstName”);
const lastName=document.getElementById(“lastName”);
const email=document.getElementById(“newEmail”);
const password=document.getElementById(“新密码”);
const btnSignup=document.getElementById(“btn注册”);
函数signUp(){//当鼠标单击“注册”按钮时
const first_name=firstName.value;//获取firstName的值,依此类推。。
const last_name=lastName.value;
const e_mail=newEmail.value;
const pass_word=newPassword.value;
//如果字段为空
如果(!名字| | |!姓氏| |!电子邮件| |!传递单词){
返回警报(“您需要填写所有表格”);
}
//将用户输入设置为JSON
让用户_数据={
名字:名字,
姓:姓,
电子邮件:电子邮件,
密码:pass_word
}
//转换为字符串
让user\u data\u str=JSON.stringify(user\u data);
//如果存在现有用户| |,则访问localstorage,或将数组设为空[]
让clientsArr=JSON.parse(localStorage.getItem('users'))| |[];
//如果需要,请搜索列表
const userExists=clientsArr.find(user=>JSON.stringify(user)==user\u data\u str);
如果(用户存在){
返回警报(“用户已存在”);
}
//将新用户推送到阵列
clientsArr.push(用户数据);
//保存到本地存储
setItem(“用户”,JSON.stringify(clientsArr));
返回警报(“已创建帐户!”);
}
//附加侦听器

btnSignup.addEventListener(“单击”,注册)您可以执行以下操作:

  • 获取
    电子邮件
    密码
    ,作为用户的输入

  • 通过电子邮件从
    localStorage
    检索用户

  • 如果存在,请比较
    密码

//电子邮件和密码是字段
const email=document.getElementById(“loginEmail”);
const password=document.getElementById(“loginPassword”);
const btnSignin=document.getElementById(“btn签名”);
函数signIn(){
const users=JSON.parse(localStorage.getItem('users');
const user=users.find(u=>u.email==email.value);
如果(用户){
if(user.password==password.value){
警报(“Wellcome”+user.firstName);
}否则{
警告(“密码错误”);
}
}否则{
警报(“用户DEO不存在”);
}
}

btnSignin.addEventListener(“单击”,登录)你能不能也加上HTML标记,这样我们就可以在它周围创建另一个代码片段或工作代码?stackoverflow不让我这样做,因为代码太多。我回家后会试试这个,如果完成了,我会在评论中更新:)谢谢!