Javascript 切换密码可见性时出错，未捕获引用错误：代码中赋值的左侧无效

我为切换密码编写了此代码，但有一个错误： html:

<!--Hide/Show password-->
<button class="form-password__visibility" type="button" 
                       onclick="$('#inputPassword').attr('type') = $('#inputPassword').attr('type') == 'password' ? 'text' : 'password'">
<i class="vi vi-eye-off"></i>
</button>
         

 $(":input[type=password]").click, function (e) {
        const input = $(this).closest('input');
        input.attr('type') == 'password' ? 'text' : 'password';

        if (input.attr('type') == 'password') {
            $(this).children("i").removeClass("vi-eye-off").addClass("vi-eye");
        }
        else {
            $(this).children("i").removeClass("vi-eye").addClass("vi-eye-off");
        }`
`
    };  

错误：

---

我在HTML中对这个行“OnCalc= = $”（'SypInPosidPosiple '）的错误进行了说明。

• 您可以使用内联

  onclick
  或
  单击
  处理程序
  
  

• $（this）.closest（'input'）

  表示您在input中有一个元素，它完全错误

• $（“：input[type=password]”。单击，

  应该是

  $（选择器）。在（'click'，function

  或

  $（选择器）。单击（function…

• 通过使用

  $（“：input[type=password]”

  您正在使用

  点击
  进入
  输入
  ，您应该将其用于
  按钮
  
  

• 您的html结构应该是一个元素，包含

  输入

  和

  按钮

  ，然后使用

  .closest（）.find（）

  选择

  输入

• 要设置属性，您需要使用

  $（选择器）.attr（'attribute name'，'value'）

  这意味着

  input.attr（'type'）='password'？'text'：'password'；

  根本不起作用。

  input.attr（'type'，input.attr（'type'）='password'？'text'：'password'）

最后，您的代码应该是这样的

$（.form-password\uuuu visibility”）。在（'click'，函数（e）{
常量输入=$（this）.最近（'.form password'）。查找（'input'）；
input.attr（'type'，input.attr（'type'）='password'？'text'：'password'）；
if（input.attr（'type'）=='password'）{
$（'i'，this）.removeClass（“vi-eye-off”）.addClass（“vi-eye”）；
}
否则{
$（'i'，this）.removeClass（“vi-eye”）.addClass（“vi-eye-off”）；
}`
`
})；

---

非常欢迎@sara.。祝你度过愉快的一天：-）欢迎来到Stackoverflow，

为了最大限度地获得答案，请阅读。
用足够的代码更新你的问题
，以允许其他人重现问题。有关此方面的帮助，请阅读。