En esta especie de formulario con dos inputs donde se intenta llenar un array con los datos que el usuario introduce por ambos inputs hay un problema y es que al querer almacenar los inputs de los usuarios como datos de los nuevos objetos de tipo "Usuario" en el array vacío, aparecen pero como "undefined" y no encuentro el error
//Creación de variables para registrar las entradas de los usuarios.
let entradaNombre = "";
let entradaContraseña = "";
//Creación de la clase Usuario. Parametros: id, mail y contraseña de los usuarios.
class Usuario{
constructor(idUsuario,mail,contraseña){
this.idUsuario = parseInt(idUsuario);
this.mail = mail;
this.contraseña = contraseña;
}
}
//Inicialización del array donde se guardarán los objetos, en este caso la información de los usuarios.
const usuarios = [];
//Obtención del mail/nombre del usuario
let ingresoNombreUsuario = document.getElementById("exampleInputEmail1");
ingresoNombreUsuario.onchange = () => {
console.log(ingresoNombreUsuario.value);
}
//obtención de la contraseña del usuario
let ingresarContraseñaUsuario = document.getElementById("exampleInputPassword1");
ingresarContraseñaUsuario.onchange = () =>{
console.log(ingresarContraseñaUsuario.value);
}
usuarios.push(new Usuario(1,ingresoNombreUsuario.value,ingresarContraseñaUsuario.value));
//Obtengo y almaceno mi formulario desde el DOM.
let formularioDeUsuarios = document.getElementById("registroUsuarios");
//Creo un evento a través de una función arrow.
formularioDeUsuarios.onsubmit = (event) => {
//El event.preventDefault() evita que se refresque la página.
event.preventDefault();
//Se indica a la función flecha que debe bajar el ambito a lo local.
//Que se quede con el evento de ese momento.
event.target;
const inputs = formularioDeUsuarios.children;
usuarios.push(new Usuario(0,inputs[0].value,inputs[1].value));
console.log(usuarios);
}