Javascriptは、パスワードの表示と非表示を切り替える

Question

私は、パスワードフィールドにパスワードを表示したり非表示にする必要があるプロジェクトに取り組んでいます。

私が思いついたJSコードは次のとおりです。 - テキスト>が、反対を行うには失敗したいくつかの理由

<script> 
 
    function text(item) { 
 
    if (document.getElementById('password').type = "password") { 
 
     document.getElementById('password').type = "text"; 
 
    } else { 
 
     document.getElementById('password').type = "password"; 
 
    } 
 

 
    } 
 
</script> 
 
<input type="checkbox" id="logon-show-password" name="showpassword" class="tickable" onclick="text(this)"> 
 

 
<input type="password" id="password" />

、それはパスワードを切り替えるときだけで正常に動作します。

私は間違っていますか？

Answer 1

条件

if(document.getElementById('password').type="password"){ 
              ^^^^ 

が

if(document.getElementById('password').type=="password"){ 

それ以外の場合は、フィールドにタイプのパスワードを割り当てますし、それは常に

function text(item) { 
 
    if (document.getElementById('password').type == "password") { 
 
    document.getElementById('password').type = "text"; 
 
    } else { 
 
    document.getElementById('password').type = "password"; 
 
    } 
 

 
}

<input type="checkbox" id="logon-show-password" name="showpassword" class="tickable" onclick="text(this)"> 
 
<input id="password" type="password" />

をtrueを返しますする必要があるかどうかを内 =が欠落しています