Here's a complete working solution for a home page with login and signup functionality including admin connection: Auth System

Welcome

Admin Login

// User data storage (in a real app, this would be a database) let users = [ { id: 1, name: 'Admin', email: 'admin@example.com', password: 'admin123', role: 'admin' }, { id: 2, name: 'User', email: 'user@example.com', password: 'user123', role: 'user' } ]; // Current user let currentUser = null; // DOM functions function showForm(formType) { document.querySelectorAll('.tab').forEach(tab => tab.classList.remove('active')); document.querySelectorAll('.form-container').forEach(form => form.classList.remove('active')); if (formType === 'login') { document.querySelector('.tab:nth-child(1)').classList.add('active'); document.getElementById('login-form').classList.add('active'); } else { document.querySelector('.tab:nth-child(2)').classList.add('active'); document.getElementById('signup-form').classList.add('active'); } } function showAdminLogin() { const email = prompt('Enter admin email:'); const password = prompt('Enter admin password:'); if (email && password) { const admin = users.find(u => u.email === email && u.password === password && u.role === 'admin'); if (admin) { currentUser = admin; alert('Admin login successful!'); // In a real app, redirect to admin dashboard console.log('Admin dashboard would load here'); } else { alert('Invalid admin credentials'); } } } // Auth functions function login() { const email = document.getElementById('login-email').value; const password = document.getElementById('login-password').value; const user = users.find(u => u.email === email && u.password === password); if (user) { currentUser = user; alert(`Welcome back, ${user.name}!`); // In a real app, redirect to user dashboard console.log('User dashboard would load here'); } else { alert('Invalid email or password'); } } function signup() { const name = document.getElementById('signup-name').value; const email = document.getElementById('signup-email').value; const password = document.getElementById('signup-password').value; if (!name || !email || !password) { alert('Please fill all fields'); return; } if (users.some(u => u.email === email)) { alert('Email already exists'); return; } const newUser = { id: users.length + 1, name, email, password, role: 'user' }; users.push(newUser); currentUser = newUser; alert('Account created successfully!'); showForm('login'); }