Where the Writers Go to Write (2025)

${value}

`; } function goToStep(stepNumber) { // Hide all steps steps.forEach(step => { step.classList.remove('active'); }); // Reset step indicators stepIndicators.forEach((indicator, index) => { indicator.classList.remove('active', 'completed'); if (index + 1 < stepNumber) { indicator.classList.add('completed'); } else if (index + 1 === stepNumber) { indicator.classList.add('active'); } }); // Show current step document.getElementById(`step-${stepNumber}`).classList.add('active'); // Update progress line const progressPercentage = ((stepNumber - 1) / (stepIndicators.length - 1)) * 100; progressLine.style.width = `${progressPercentage}%`; currentStep = stepNumber; document.querySelector('.form-container').scrollIntoView({ behavior: 'smooth' }); if (stepNumber > 1) { const username = document.getElementById('in_username').value; if (username) { for (let i = 2; i <= 4; i++) { const displayElement = document.getElementById(`username-display-step${i}`); if (displayElement) { displayElement.innerHTML = `Username: ${username}`; } } } } }});document.getElementById('in_password').addEventListener('input', function() { const password = this.value; const meter = document.getElementById('password-strength-meter-fill'); const feedback = document.getElementById('password-feedback'); const meterContainer = meter.parentElement; // Remove previous strength classes meterContainer.classList.remove('strength-weak', 'strength-fair', 'strength-good', 'strength-strong', 'strength-very-strong'); // Calculate password strength let strength = 0; let feedbackText = ''; // Length check if (password.length >= 10) { strength += 1; } else { feedbackText = 'Password must be at least 10 characters'; } // Contains lowercase letters if (password.match(/[a-z]/)) { strength += 1; } // Contains uppercase letters if (password.match(/[A-Z]/)) { strength += 1; } // Contains numbers if (password.match(/\d/)) { strength += 1; } // Contains special characters if (password.match(/[^a-zA-Z0-9]/)) { strength += 1; } // Length bonus for longer passwords if (password.length >= 15) { strength += 1; } if (password.length >= 20) { strength += 1; } // Set strength class and feedback if (password.length === 0) { feedbackText = 'Password must be at least 10 characters'; } else if (strength < 3) { meterContainer.classList.add('strength-weak'); feedbackText = 'Weak - Try adding numbers and special characters'; } else if (strength === 3) { meterContainer.classList.add('strength-fair'); feedbackText = 'Fair - Consider making it longer'; } else if (strength === 4) { meterContainer.classList.add('strength-good'); feedbackText = 'Good - Adding more variation would help'; } else if (strength === 5) { meterContainer.classList.add('strength-strong'); feedbackText = 'Strong - Good job!'; } else { meterContainer.classList.add('strength-very-strong'); feedbackText = 'Very strong - Excellent password!'; } feedback.textContent = feedbackText;});function togglePasswordVisibility(inputId, toggleElement) { const passwordInput = document.getElementById(inputId); const showIcon = toggleElement.querySelector('.show-pwd'); const hideIcon = toggleElement.querySelector('.hide-pwd'); if (passwordInput.type === 'password') { passwordInput.type = 'text'; showIcon.style.display = 'none'; hideIcon.style.display = 'inline'; } else { passwordInput.type = 'password'; showIcon.style.display = 'inline'; hideIcon.style.display = 'none'; }}