Create an Account

<script>
  document.addEventListener('DOMContentLoaded', function() {
    var passwordField = document.querySelector('input[name="spw-login__form-password-field"]'); // Targeting the attribute selector of your forms password field

    // Function to check if the mouse is over the icon area
    function isMouseOverIcon(event) {
        var fieldRect = passwordField.getBoundingClientRect();
        // Adjust the pixel value to match the size of your icon
        return event.clientX > fieldRect.right - 35;
    }

    passwordField.addEventListener('mousemove', function(event) {
        // Change cursor to pointer if over icon area, else default
        this.style.cursor = isMouseOverIcon(event) ? 'pointer' : '';
    });

    passwordField.addEventListener('click', function(event) {
        // Toggle password visibility only when clicking on the icon area
        if (isMouseOverIcon(event)) {
            if (this.type === 'password') {
                this.type = 'text';
                this.classList.add('show-password');
            } else {
                this.type = 'password';
                this.classList.remove('show-password');
            }
        }
    });
});
</script>