GPT

Authentication

// js/auth.js class Auth { constructor() { this.auth = window.auth; this.setupAuthUI(); this.setupAuthStateListener(); } setupAuthUI() { const loginForm = document.getElementById('loginForm'); const signupForm =

Prompt text

Original English text. Replace placeholders with your own details.

// js/auth.js
class Auth {
 constructor() {
 this.auth = window.auth;
 this.setupAuthUI();
 this.setupAuthStateListener();
 }

 setupAuthUI() {
 const loginForm = document.getElementById('loginForm');
 const signupForm = document.getElementById('signupForm');
 const logoutButton = document.getElementById('logout');

 loginForm?.addEventListener('submit', async (e) => {
 e.preventDefault();
 const email = e.target.email.value;
 const password = e.target.password.value;

 try {
 await this.login(email, password);
 loginForm.reset();
 } catch (error) {
 console.error('Login failed:', error);
 this.showError(error.message);
 }
 });

 signupForm?.addEventListener('submit', async (e) => {
 e.preventDefault();
 const email = e.target.email.value;
 const password = e.target.password.value;

 try {
 await this.signup(email, password);
 signupForm.reset();
 } catch (error) {
 console.error('Signup failed:', error);
 this.showError(error.message);
 }
 });

 logoutButton?.addEventListener('click', () => this.logout());
 }

 setupAuthStateListener() {
 this.auth.onAuthStateChanged((user) => {
 if (user) {
 console.log('User is signed in:', user);
 this.updateUI(true);
 } else {
 console.log('User is signed out');
 this.updateUI(false);
 }
 });
 }

 async login(email, password) {
 return await this.auth.signInWithEmailAndPassword(email, password);
 }

 async signup(email, password) {
 return await this.auth.createUserWithEmailAndPassword(email, password);
 }

 async logout() {
 try {
 await this.auth.signOut();
 } catch (error) {
 console.error('Logout failed:', error);
 this.showError(error.message);
 }
 }

 updateUI(isLoggedIn) {
 const authForms = document.getElementById('authForms');
 const userContent = document.getElementById('userContent');
 
 if (isLoggedIn) {
 authForms?.classList.add('hidden');
 userContent?.classList.remove('hidden');
 } else {
 authForms?.classList.remove('hidden');
 userContent?.classList.add('hidden');
 }
 }

 showError(message) {
 const errorDiv = document.getElementById('error');
 if (errorDiv) {
 errorDiv.textContent = message;
 errorDiv.classList.remove('hidden');
 setTimeout(() => {
 errorDiv.classList.add('hidden');
 }, 5000);
 }
 }
}

// Initialize authentication
const auth = new Auth();

Source & attribution

Instructa AI Prompts · Instructa AI Prompts

Source-listed license: CC-BY-4.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →