Hay dos páginas html, index.html y bankPage.html, estoy tratando de validar al usuario usando una contraseña en index.html y luego, si la contraseña es correcta, se mueve a la página bankPage.html. Con window.ubicación (o ubicación) puedo moverme a bankPage.HTML pero después de moverme a la página HTML obtengo un TypeError porque el botón que seleccioné tiene un valor nulo en bankPage.html y el botón está definido en el índice. html

El error que recibo es : TypeError no detectado: no se pueden leer las propiedades de nulo (leyendo 'addEventListener')

Aquí está el código

 //just an array that holds the user info in objects(array of objects) const accounts = [account1, account2, account3, account4]; const btnLogin = document.querySelector('.login__button'); const inputLoginUsername = document.querySelector('.login__input--user'); const inputLoginPassword = document.querySelector('.login__input--password'); // Even handlers for logging in from the index page to the bank page let currentAccount; btnLogin.addEventListener('click', function (e) { e.preventDefault(); currentAccount = accounts.find(function (acc) { return acc.owner === inputLoginUsername.value; }); if (currentAccount?.password === inputLoginPassword.value) { //send to another page window.location = 'bankPage.html'; } });