JAvascript入力ボックスの値を空にする問題の解決

この問題は記録して、向こうのvue兄貴に教えてもらってから解決します.
必要:

はユーザーログインをシミュレートする機能を記述し、正しいアカウントパスワードは123であり、ページには2つのinputノードと1つのbuttonノードが必要である.要求:

buttonをクリックすると、ユーザーが入力したアカウントパスワードが123であるか否かを判断し、対応するヒント(方式無制限)

を与える必要がある.

アカウントまたはパスワードが間違っている場合は、パスワードが存在するinputノードの内容を

にクリアします.
コード:

    
    
    



    

        function login() {
            var name = document.getElementById("username").value;
            var password = document.getElementById("password").value;
            if (name == "123" && password == "123") {
                alert("    ！");
            } else {
                document.getElementById("password").value = '';
            }
        }

    

    

          ：
        

    
    

          ：
        
    

      

このプログラムを作成するときに問題が発生しました.inputの値がどんなに空になっても、ブラウザに残っています.兄貴に教えてもらったところ、passwordに値が与えられたとき、操作はinputではないことが分かった.valueという値ではなくpasswordという変数の値で、Webブラウザの要素が変化しません.
次の改善点:

function login1(){
            var name = document.getElementById("username");
            var password = document.getElementById("password");
            if(name.value == "123" && password.value == "123"){
                alert("    ！");
            } else {
                password.value = "";
            }
        }