枠線ボックスの色を変更できないのはなぜですか?

Question

ランダムなユーザーのログイン フォームを作成する必要があります。パスワードが間違っている場合は、パスワード ボックスが赤 (枠線の色) に変わり、パスワードが正しい場合は緑に変わる必要があります。 JavaScript コードについて手伝ってもらえますか?間違いがある場合は、私の英語を許してください。ありがとう。

試してみましたが色は変わりませんでした。

var users = [{
  ユーザー名: 'new_user'、
  パスワード: "123456789",
}]


関数ログイン(メールアドレス、パスワード) {
  var email = document.getElementById("email").value
  var パスワード = document.getElementById("パスワード").value

  for (var user of users) {

    if ((電子メール === ユーザー.電子メール || 電子メール === ユーザー.ユーザー名) && パスワード === ユーザー.パスワード) {
      var block = document.querySelector('.nav');
      block.style.display = "ブロック"
      var errMsg = document.querySelector('.loginForm .errorMessage')
      errMsg.style.display = "なし"
      var form = document.querySelector('.loginForm')
      form.style.display = "なし"
      var name = document.getElementById("ユーザー名")
      名前.innerHTML = ユーザー.名前;
      loggedUser = ユーザー;
      clearValue("電子メール");
      ClearValue("パスワード")
    } それ以外 {
      var errMsg = document.querySelector('.loginForm .errorMessage')
      errMsg.style.display = "ブロック"
      varpasswordBox = document.querySelector(".loginForm input.password")
      passwordBox.style.border.color = "赤"
    }
  }
}

<div id="loginForm" class="loginForm">
  <h1>ログイン</h1>
  <input id="email" type="text" class="email" placeholder="email または username">
  <input onkeyup="loginOnEnter(event)" id="パスワード" type="パスワード" class="パスワード" placeholder="パスワード">
  <p class="errorMessage">*有効なパスワードを入力してください</p>
  <button onclick="login()" class="login-btn">ログイン</button>
</div>

Answer 1

は CSS になる可能性があります。それを試してみてください：＃＃＃

style.borderColor = '赤';