form.js

import { initializeApp } from "https://www.gstatic.com/firebasejs/9.6.9/firebase-app.js";
import { getAuth, signInWithEmailAndPassword,createUserWithEmailAndPassword, signOut} from "https://www.gstatic.com/firebasejs/9.6.9/firebase-auth.js";


const firebaseConfig = {
  apiKey: "AIzaSyDj6JtaGHdzlpLf6YyVZ1lOG7MCB3NPeTw",
  authDomain: "formlogin-d0476.firebaseapp.com",
  projectId: "formlogin-d0476",
  storageBucket: "formlogin-d0476.appspot.com",
  messagingSenderId: "104698018068",
  appId: "1:104698018068:web:72c83b6452fdafb47daa01"
};


const app = initializeApp(firebaseConfig); 
const auth = getAuth(app);   
    
     
    document.getElementById("reg-btn").addEventListener('click',function(){
        document.getElementById("register-div").style.display="inline";
        document.getElementById("login-div").style.display="none";  
  
});
    document.getElementById("log-btn").addEventListener('click',function(){
        document.getElementById("register-div").style.display="none";
        document.getElementById("login-div").style.display="inline"; 

});
    document.getElementById("login-btn").addEventListener('click',function(){
        const loginEmail=document.getElementById("login-email").value;
        const loginPassword=document.getElementById("login-password").value;

        signInWithEmailAndPassword(auth,loginEmail,loginPassword )
        .then((userCredential) => {
       
            const user = userCredential.user;
            document.getElementById("result-box").style.display="inline";
            document.getElementById("login-div").style.display="none";
            document.getElementById("result").innerHTML="Welcome Back<br>"+loginEmail+"was login successfully"; 
        })
        .catch((error) => {
            const errorCode = error.code;
            const errorMessage = error.message;
            document.getElementById("result-box").style.display="inline";
            document.getElementById("login-div").style.display="none";
            document.getElementById("result").innerHTML="Sorry!<br>"+errorMessage; 
    });


});
    document.getElementById("register-btn").addEventListener('click',function(){
        const registerEmail=document.getElementById("register-email").value;
        const registerPassword=document.getElementById("register-password").value;

        createUserWithEmailAndPassword(auth,registerEmail,registerPassword )
        .then((userCredential) => {
   
            const user = userCredential.user;
            document.getElementById("result-box").style.display="inline";
            document.getElementById("register-div").style.display="none";
            document.getElementById("result").innerHTML="Welcome <br>"+registerEmail+"was Registered successfully";
        })
        .catch((error) => {
            const errorCode = error.code;
            const errorMessage = error.message;
            document.getElementById("result-box").style.display="inline";
            document.getElementById("register-div").style.display="none";
            document.getElementById("result").innerHTML="Sorry!<br>"+errorMessage; 
    });
});
    document.getElementById("log-out-btn").addEventListener('click',function(){
        signOut(auth).then(() => {
            document.getElementById("result-box").style.display="none";
            document.getElementById("login-div").style.display="inline";
       
        })
        .catch((error) => {
            document.getElementById("result").innerHTML="Sorry!<br>"+errorMessage; 
        
    });
   



});