```javascript document.addEventListener("DOMContentLoaded", () => { // Retrieve the login and registration wrappers const loginWrapper = document.querySelector(".directorist-login-wrapper"); const registerWrapper = document.querySelector(".directorist-registration-wrapper"); if (!loginWrapper || !registerWrapper) return; // Determine current page and adjust display accordingly if (document.body.classList.contains("page-id-153403")) { // Show the registration form on the Signup page registerWrapper.classList.add("active"); loginWrapper.classList.remove("active"); loginWrapper.style.display = "none"; registerWrapper.style.display = "block"; } else { // Show the login form on other pages loginWrapper.classList.add("active"); registerWrapper.classList.remove("active"); registerWrapper.style.display = "none"; loginWrapper.style.display = "block"; } }); /* Style adjustments for the signup form */ /* Hide the username input and its label */ .directorist__authentication__signup #directorist__authentication__signup__username, .directorist__authentication__signup label[for="directorist__authentication__signup__username"] { display: none !important; } /* Remove bottom margin from the first form group */ .directorist__authentication__signup .directorist-form-group:first-child { margin-bottom: 0 !important; } document.addEventListener("DOMContentLoaded", () => { const form = document.querySelector(".directorist__authentication__signup"); const emailField = form.querySelector("#directorist__authentication__signup__email"); const usernameField = form.querySelector("#directorist__authentication__signup__username"); // Synchronize username with email input on each keystroke emailField.addEventListener("input", () => { usernameField.value = emailField.value; }); // Ensure username matches email when the form is submitted form.addEventListener("submit", () => { usernameField.value = emailField.value; }); }); ```