Tengo la función siguiente dentro de un módulo, y no consigo que me funcione; el fallo es el siguiente:
Uncaught TypeError: can't access property "eventName", eventFound is undefined
loginToEvent http://127.0.0.1:5500/js/Class/Event.js:97
loginToEvent http://127.0.0.1:5500/js/Class/Event.js:85
InitApp http://127.0.0.1:5500/js/main.js:23
<anonymous> http://127.0.0.1:5500/js/main.js:14
Mi función es esta:
export let eventFound;
export function loginToEvent() {
let loginForm = document.getElementById("loginForm");
let btnLogin = document.getElementById("btnLogin");
let user = loginForm.name.value;
let password = loginForm.password.value;
btnLogin.addEventListener("click", (e) => {
e.preventDefault();
for (const event of events) {
if (event.userName == user && event.password == password) {
eventFound = event; //ME DA ERROR DICE QUE NO SE ENCUENTRA..
} else {
console.log("NO ES POSIBLE CONECTAR")
break;
}
}
if (
eventFound.eventName == user &&
eventFound.password == password &&
eventLog == false
) {
console.log(`Evento encontrado ${eventFound.eventName}`);
openForm(btnLogin, eventPanelSection, loginForm);
console.log("Login realizado correctamente");
console.log("Bienvenido " + user);
loginUser.reset(); //Limpia el formulario despues de haber logeado
eventLog = true;
} else if (eventLog == true) {
console.log("Ya estas logeado");
} else {
console.log("Vuelva a intentarlo");
console.log("No se ha podido logear, vuelva a intentarlo.");
}
});
}
Para ver todo mi código en github pueden ir aquí.
Pueden probar además la app, el fallo se lanza cuando le das al botón continue del formulario Login.
He probado de todo pero no consigo saber por qué me lanza el error, quiero decir: creía que era por el scope, pero no conseguí solucionar nada moviendo la variable, luego hice varios cambios y tampoco. Yo creo que tiene que ver con el module, ya que soy nuevo usando los export y import y seguro que se me salta algo. Lo curioso es que en mi versión mas vieja tengo una función muy parecida y sí me funciona, pero en este caso no hay manera...
events
en esta lineafor (const event of events) {
? No veo events definido, por lo tanto, para mi no entra en ese for, cuando llega al siguiente if, ahi es donde saca error, comoeventFound
es indefinido y el condicional esif(eventFound.eventName == user)
,eventName
no se puede acceder sieventFound
es indefinido (que es exactamnte lo que dice el error)events
exista y sea un array. Te has planteado que puede llegar vacío y deberías validar ese escenario?if
.