Skip to content

Commit c7fef60

Browse files
juangralargjuangralarg
committed
0012
1 parent de3bd71 commit c7fef60

File tree

2 files changed

+44
-49
lines changed

2 files changed

+44
-49
lines changed

‎Entregas/Proyecto/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,15 +3,15 @@
33
<head>
44
<meta charset="UTF-8">
55
<title>Login Proyecto CoderHouse</title>
6-
<link rel="stylesheet" href="../Proyecto/css/estilosMain.css">
6+
<link rel="stylesheet" href="../css/estilosMain.css">
77
<script src="../Proyecto/js/jquery-3.1.1.min.js"></script>
88
<script src="../Proyecto/js/main.js"></script>
99
</head>
1010
<body>
1111

1212
<div class="formContainer">
1313
<div id="contenido">
14-
<div id="formlogin"><img src="../Proyecto/img/logo.jpg" alt="Logo">
14+
<div id="formlogin"><img src="../img/logo.jpg" alt="Logo">
1515
<BR><h2>Iniciar Sesión</h2>
1616
<form class="formSubmit" action="#">
1717
<input type="text" id="GetUsuario" placeholder="Usuario" required>

‎Entregas/Proyecto/js/main.js‎

Lines changed: 42 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -81,8 +81,8 @@
8181

8282

8383
function mostrarRegistro() {
84-
let docuRegister= document.getElementById('contenido');
85-
event.preventDefault()
84+
let docuRegister= document.getElementById('contenido');
85+
event.preventDefault()
8686
document.getElementById('contenido').innerHTML = `
8787
<div id="formlogin"><img src="../Proyecto/img/logo.jpg" alt="Logo">
8888
@@ -97,73 +97,68 @@
9797
</form>
9898
Ya tienes usuario? <button id="login" class="btnLogin" onclick="mostrarLogin()">Login</button>
9999
</div>
100-
`;
100+
`;
101101

102102
/*
103103
* OPERADOR TERNARIO
104104
*/
105-
(docuRegister!=null)
106-
? document.getElementById('formregistro').style.display = 'block'
107-
:document.getElementById('formlogin').style.display = 'none';
105+
(docuRegister!=null)
106+
? document.getElementById('formregistro').style.display = 'block'
107+
:document.getElementById('formlogin').style.display = 'none';
108108

109109

110110
}
111111

112112

113-
/**
114-
* FUNCION PARA VALIDACIONES USUARIO
115-
*/
113+
/**
114+
* FUNCION PARA VALIDACIONES USUARIO
115+
*/
116116
let validacion = function(){
117117
event.preventDefault()
118-
let usr=document.querySelector('#GetUsuario').value;//Toma valor ingresado en campo Usuario
119-
let pas=document.querySelector('#GetPass').value;//Toma valor ingresado en campo PAssword
120-
let usuarios = JSON.parse(localStorage.getItem('usuarios')) || [];//Lee localstorage para tomar informacion del primer USR y PASS, si no hay valores retorna Array Vacio (derecha del OR)
121-
let [[{ usuario, pass }]]= usuarios; //Desestructura informacion para tomar valores del primer USR Y PASS
118+
let usr=document.querySelector('#GetUsuario').value;//Toma valor ingresado en campo Usuario
119+
let pas=document.querySelector('#GetPass').value;//Toma valor ingresado en campo PAssword
120+
let usuarios = JSON.parse(localStorage.getItem('usuarios')) || [];//Lee localstorage para tomar informacion del primer USR y PASS, si no hay valores retorna Array Vacio (derecha del OR)
121+
let [[{ usuario, pass }]]= usuarios; //Desestructura informacion para tomar valores del primer USR Y PASS
122122

123123

124124

125125
// VARIFICACION: Imprime para corrobar los valores de usuario y pass
126-
/* console.log('Usuario:', usuario); //
127-
console.log('Contraseña:', pass); // */
126+
/* console.log('Usuario:', usuario); //
127+
console.log('Contraseña:', pass); // */
128128

129129

130-
// BUSQUEDA DE USUARIO
131-
//console.log(pas);
132-
133-
// Variable para almacenar el usuario encontrado
134-
let userEncontrado = null;
135-
let passEncontrado = null;
136-
137-
// Recorrer los arrays dentro de usuarios para encontrar el objeto con clave 'usuario' igual a usr
138-
for (let i = 0; i < usuarios.length; i++) {
139-
let usuarioArray = usuarios[i];
140-
// Como cada usuarioArray tiene un solo objeto, accedemos al primer elemento (index 0)
141-
let usuarioObjeto = usuarioArray[0];
142-
143-
if (usuarioObjeto && usuarioObjeto.usuario === usr) {
144-
// Encontramos el usuario, almacenamos los valores encontrados
145-
userEncontrado = usuarioObjeto;
146-
passEncontrado = usuarioObjeto.pass;
130+
// BUSQUEDA DE USUARIO
147131

148-
break; // sale del bucle una vez encontrado el usuario
149-
}
150-
}
151-
152-
153-
if (userEncontrado && userEncontrado.usuario === usr && passEncontrado === pas){
154-
155-
//Envia mensaje a <DIV> con ID "mensajeLogin" en el documento
156-
document.querySelector('#mensajeLogin').innerText = "Usuario y password correcto";
157-
158-
//localStorage.removeItem('usuarios');//boorrar localstorage
159-
console.log('LocalStorage borrado.');
160-
window.location.href="./src/views/carrito.html";//redirecciona a pagina.
161-
162-
} else{document.querySelector('#mensajeLogin').innerText = "Datos incorrectos";}
132+
// Variable para almacenar el usuario encontrado
133+
let userEncontrado = null;
134+
let passEncontrado = null;
135+
136+
// Recorrer los arrays dentro de usuarios para encontrar el objeto con clave 'usuario' igual a usr
137+
for (let i = 0; i < usuarios.length; i++) {
138+
let usuarioArray = usuarios[i];
139+
// Como cada usuarioArray tiene un solo objeto, accedemos al primer elemento (index 0)
140+
let usuarioObjeto = usuarioArray[0];
141+
142+
if (usuarioObjeto && usuarioObjeto.usuario === usr) {
143+
// Encontramos el usuario, almacenamos los valores encontrados
144+
userEncontrado = usuarioObjeto;
145+
passEncontrado = usuarioObjeto.pass;
146+
147+
break; // sale del bucle una vez encontrado el usuario
148+
}
149+
}
163150

164151

152+
if (userEncontrado && userEncontrado.usuario === usr && passEncontrado === pas && usr!=null&&usr!=''){
165153

154+
//Envia mensaje a <DIV> con ID "mensajeLogin" en el documento
155+
document.querySelector('#mensajeLogin').innerText = "Usuario y password correcto";
156+
157+
//localStorage.removeItem('usuarios');//boorrar localstorage
158+
console.log('LocalStorage borrado.');
159+
window.location.href="./src/views/carrito.html";//redirecciona a pagina.
166160

161+
} else{document.querySelector('#mensajeLogin').innerText = "Datos incorrectos";}
167162

168163
}
169164

0 commit comments

Comments
 (0)