Mi código HTML:

 <div class="modal fade" id="SignUpModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">SignUp</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <input type="email" placeholder="Enter your email" id="newuseremail"> <input type="password" placeholder="Enter Password Here" id="newuserpassword"> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary signupbtn" data-bs-dismiss="modal">SignUp</button> <button type="button" class="btn btn-primary">Close</button> </div> </div> </div> </div>

MI código JS:

 import { createUserWithEmailAndPassword } from 'firebase/auth'; console.log("helossssss"); let signupbtn = document.querySelector('.signupbtn'); signupbtn.addEventListener('click', (e) => { console.log(e); // e.preventDefault(); let email = document.querySelector('#newuseremail'); let password = document.querySelector('#newuserpassword'); console.log("Heelo World") createUserWithEmailAndPassword(auth, email, password) .then((userCredential) => { let user = userCredential.user; console.log(user); email.value = ""; password.value = ""; }) .catch((err) => { console.log(err); }) })

Quiero autenticar a los usuarios usando Firebase y, según Firebase 9.6.2, que usa un enfoque modular, he convertido mi secuencia de comandos JS en un módulo. Pero la consola del navegador no parece funcionar aquí...