js13

Vista previa del material en texto

PROFE VIDERMID
Programación en Java Script
(Parte 13)
Facilitador: Ing. Esp. Vidermid Sánchez
+584147464801
@vidermid
@ingenieriadigitalsc
+584147106623
PROFE VIDERMIDRegistro de Usuario
PROFE VIDERMID
const registroForm=document.querySelector('#registroForm');
registroForm.addEventListener('submit',(evento)=>{
evento.preventDefault();
let password="",email="",name="";
name=document.querySelector("#name").value;
email=document.querySelector("#email").value;
password=document.querySelector("#password").value;
//buscamos a ver si existe ya 
let Users="",isUserRegistered="";
Users=JSON.parse(localStorage.getItem('users')) || [];
isUserRegistered=Users.find(user=>user.email===email);
if(isUserRegistered){
return alert('El Usuario Ya existe, no se puede volver a registrar')
}else{
Users.push({name: name,email: email,password: password});
localStorage.setItem('users', JSON.stringify(Users));
alert('Se Registro el nuevo usuario satisfactoriamente');
window.location.href="inicio.html";
}
});
Registro de Usuario
PROFE VIDERMIDInicio de Sesión
PROFE VIDERMIDInicio de Sesión
const inicioForm=document.querySelector('#inicioForm');
inicioForm.addEventListener('submit',(evento)=>{
evento.preventDefault();
let password="",email="";
email=document.querySelector("#email").value;
password=document.querySelector("#password").value;
Users=JSON.parse(localStorage.getItem('users')) || []
//se buscan por email y password en el localStorage
validUser=Users.find(user=>user.email===email && user.password===password);
if(validUser){
alert('Bienvenido al Sistema');
localStorage.setItem('login_success',JSON.stringify(validUser))
window.location.href='index.html';
}else{
return alert('Datos Incorrectos');
}
});
PROFE VIDERMIDValida de Sesión
PROFE VIDERMID
const user = JSON.parse(localStorage.getItem('login_success')) || false;
if(!user){
window.location.href='inicio.html';
}
const logout=document.querySelector('#logout');
logout.addEventListener('click',()=>{
alert('Adios . . .');
localStorage.removeItem('login_success');
window.location.href='inicio.html';
});
Valida de Sesión