if (tab === 'login') loginDiv.style.display = 'block'; regDiv.style.display = 'none'; btns[0].classList.add('active'); btns[1].classList.remove('active'); else loginDiv.style.display = 'none'; regDiv.style.display = 'block'; btns[0].classList.remove('active'); btns[1].classList.add('active'); // Clear errors document.getElementById('login-error').innerText = ''; document.getElementById('register-error').innerText = '';
<!-- REGISTER FORM (hidden initially) --> <div id="register-form" style="display:none;"> <div class="form-group"> <label>Full Name:</label> <input type="text" id="reg-name" placeholder="Full name"> </div> <div class="form-group"> <label>Username:</label> <input type="text" id="reg-username" placeholder="Choose username"> </div> <div class="form-group"> <label>Phone Number:</label> <input type="tel" id="reg-phone" placeholder="080xxxxxxxx"> </div> <div class="form-group"> <label>Password:</label> <input type="password" id="reg-password" placeholder="Min 6 chars"> </div> <button class="btn" onclick="doRegister()">REGISTER</button> <div id="register-error" class="error-msg"></div> </div> Old Bet9ja Mobile 2013 Login Register
<!-- LOGIN FORM --> <div id="login-form"> <div class="form-group"> <label>Username:</label> <input type="text" id="login-username" placeholder="Enter username"> </div> <div class="form-group"> <label>Password:</label> <input type="password" id="login-password" placeholder="Enter password"> </div> <button class="btn" onclick="doLogin()">LOGIN</button> <div id="login-error" class="error-msg"></div> </div> if (tab === 'login') loginDiv
<script> function switchTab(tab) const loginDiv = document.getElementById('login-form'); const regDiv = document.getElementById('register-form'); const btns = document.querySelectorAll('.tab-btn'); regDiv.style.display = 'none'
function saveUser(user) const users = getStoredUsers(); users.push(user); localStorage.setItem('bet9ja_2013_users', JSON.stringify(users));
