script.js

// Get elements
const loginBtn = document.getElementById("login-btn");
const signupBtn = document.getElementById("signup-btn");
const loginForm = document.getElementById("login-form");
const signupForm = document.getElementById("signup-form");
const switchToSignup = document.getElementById("switch-to-signup");
const switchToLogin = document.getElementById("switch-to-login");

// Function to switch to Sign Up
signupBtn.addEventListener("click", () => {
    loginForm.classList.remove("active");
    signupForm.classList.add("active");
    loginBtn.classList.remove("active");
    signupBtn.classList.add("active");
});

// Function to switch to Login
loginBtn.addEventListener("click", () => {
    signupForm.classList.remove("active");
    loginForm.classList.add("active");
    signupBtn.classList.remove("active");
    loginBtn.classList.add("active");
});

// Link Click Events
switchToSignup.addEventListener("click", (e) => {
    e.preventDefault();
    signupBtn.click();
});

switchToLogin.addEventListener("click", (e) => {
    e.preventDefault();
    loginBtn.click();
});