로그인화면 비밀번호 보기 아이콘

<div style="position: relative; display: inline-block; width: 220px;">
    <input type="password" name="mb_password" id="reg_mb_password" required="" class="frm_input full_input required" minlength="3" maxlength="20" placeholder="비밀번호">
    <button type="button" id="togglePassword" style="position: absolute; right: 10px; top: 50%; transform: translateY(-50%); border: none; background: none; cursor: pointer; padding: 5px;">
        <svg id="eyeIcon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
            <circle cx="12" cy="12" r="3"></circle>
        </svg>
    </button>
</div>

<script>
document.getElementById('togglePassword').addEventListener('click', function() {
    const passwordInput = document.getElementById('reg_mb_password');
    const eyeIcon = document.getElementById('eyeIcon');
    
    if (passwordInput.type === 'password') {
        passwordInput.type = 'text';
        // 눈 아이콘을 "눈 가리기" 모양으로 변경
        eyeIcon.innerHTML = '<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle><line x1="1" y1="1" x2="23" y2="23"></line>';
    } else {
        passwordInput.type = 'password';
        // 원래 눈 아이콘으로 변경
        eyeIcon.innerHTML = '<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle>';
    }
});
</script>

<!-- 비밀번호 -->
        <input type="password" name="mb_password" id="login_pw" class="form-control" required>
        <!-- 눈모양 -->
        <img id="toggle_eye" src="/img/눈모양.svg" alt="">
        <script>
            $('#toggle_eye').on('click', function () {
                let input_pass = $("#login_pw");
                if (input_pass.attr('type') == 'password') {
                    input_pass.attr('type', 'text');
                    $(this).attr('src', '/img/눈감김.svg');
                } else {
                    input_pass.attr('type', 'password');
                    $(this).attr('src', '/img/눈모양.svg');
                }
            });
        </script>