script.js

function switchForm() {
    const login = document.getElementById('loginForm');
    const signup = document.getElementById('signupForm');
    const box = document.getElementById('box');

    // Add a fade-out effect
    box.style.opacity = "0";
    
    setTimeout(() => {
        login.classList.toggle('hidden');
        signup.classList.toggle('hidden');
        box.style.opacity = "1";
    }, 300);
}

function handleAuth(type) {
    let email, pass;
    
    if(type === 'login') {
        email = document.getElementById('lEmail');
        pass = document.getElementById('lPass');
    } else {
        email = document.getElementById('sEmail');
        pass = document.getElementById('sPass');
    }

    // Basic Validation
    let valid = true;
    
    if(!email.value.includes('@')) {
        email.classList.add('error');
        valid = false;
    } else {
        email.classList.remove('error');
    }

    if(pass.value.length < 6) {
        pass.classList.add('error');
        valid = false;
    } else {
        pass.classList.remove('error');
    }

    if(valid) {
        alert(type === 'login' ? "Logged in successfully!" : "Account created!");
    }
}