Estoy tratando de crear un formulario de inicio de sesión mediante el cual los datos de los usuarios se obtienen a través de una solicitud de obtención y se verifican con el siguiente código javascript:

 fetch('./login.php', { method: 'GET' }) .then((res) => res.json()) .then(res => { let user = [] for (let data of res){ user.push({ email: "'"+data.email+"'", password : "'"+data.password+"'" }) } let button = document.querySelector('.btn btn-danger submit'); function login(){ let email = document.getElementById('useremail').value; let password = document.getElementById('userpassword').value; for(i=0; i < user.length; i++){ if(email == user[i].email && password == user[i].password){ window.location = "home.html"; } } } button.onclick = login(); })

Cada vez que reviso la consola me muestra el error en el título. ¿Hay algo mal con la forma en que estoy tratando de hacer esto?

Aquí está mi código HTML para el formulario (usando bootstrap):

 <form action="" id="loginform"> <div class="mb-3"> <label for="useremail" class="form-label">Email:</label> <input type="email" class="form-control" id="useremail" aria-describedby="Email" name="useremail" required> </div> <div class="mb-3"> <label for="userpassword" class="form-label">Password:</label> <input type="password" class="form-control" id="userpassword" aria-describedby="Password" name="userpassword" required> </div> <button class="btn btn-danger submit" type="submit">Login</button> <div class="row mt-3"> <a href="register.html" class="text-decoration-none text-decoration-underline text-dark fst-italic">Don't have an account? Register Here.</a> </div> </form>