Update app.js

app.js

@@ -1,6 +1,7 @@
+// Initialize Firebase
 document.getElementById('googleSignUp').addEventListener('click', function() {
   var provider = new firebase.auth.GoogleAuthProvider();
-  
+
   firebase.auth().signInWithPopup(provider)
     .then((result) => {
       // This gives you a Google Access Token. You can use it to access the Google API.
@@ -15,12 +16,47 @@ document.getElementById('googleSignUp').addEventListener('click', function() {
       var errorMessage = error.message;
       var email = error.email;
       var credential = error.credential;
+      
+      console.error('Error Code:', errorCode);
+      console.error('Error Message:', errorMessage);
+      console.error('Error Email:', email);
+      console.error('Error Credential:', credential);
+
       if (errorCode === 'auth/popup-closed-by-user') {
         console.error('Error: The popup has been closed by the user before finalizing the operation.');
         alert('The sign-up popup was closed before completing the sign-up. Please try again.');
+      } else if (errorCode === 'auth/cancelled-popup-request') {
+        console.error('Error: Only one popup request is allowed at one time.');
+        alert('Multiple popup requests are not allowed. Please try again.');
+      } else if (errorCode === 'auth/popup-blocked') {
+        console.error('Error: The popup was blocked by the browser.');
+        alert('The sign-up popup was blocked by the browser. Please allow popups and try again.');
       } else {
         console.error('Error during sign up:', error);
         alert(`Error: ${errorMessage}`);
       }
     });
 });
+
+// Handle Email/Password Registration
+document.getElementById('registerForm').addEventListener('submit', function(event) {
+  event.preventDefault(); // Prevent form from submitting the default way
+  
+  var email = document.getElementById('email').value;
+  var password = document.getElementById('password').value;
+
+  firebase.auth().createUserWithEmailAndPassword(email, password)
+    .then((userCredential) => {
+      // Signed in
+      var user = userCredential.user;
+      console.log('User Info:', user);
+      alert(`Hello, ${user.email}! You've successfully registered.`);
+    })
+    .catch((error) => {
+      var errorCode = error.code;
+      var errorMessage = error.message;
+      console.error('Error Code:', errorCode);
+      console.error('Error Message:', errorMessage);
+      alert(`Error: ${errorMessage}`);
+    });
+});