Mengapa warna kotak sempadan saya tidak boleh ditukar?

Question

Saya perlu mencipta borang log masuk untuk pengguna rawak dan apabila kata laluan tidak betul kotak kata laluan perlu bertukar merah (warna sempadan) dan apabila kata laluan itu betul ia perlu bertukar menjadi hijau. Bolehkah anda membantu saya dengan kod Javascript? Jika saya membuat sebarang kesilapan, harap maafkan bahasa Inggeris saya. Terima kasih.

Saya mencuba ini tetapi warnanya tidak berubah.

var pengguna = [{
  nama pengguna: 'new_user',
  kata laluan: "123456789",
}]


log masuk fungsi (e-mel, kata laluan) {
  var email = document.getElementById("email").value
  var password = document.getElementById("kata laluan").value

  untuk (pengguna var pengguna) {

    jika ((e-mel === pengguna.e-mel || e-mel === pengguna.nama pengguna) && kata laluan === pengguna.kata laluan) {
      var block = document.querySelector('.nav');
      block.style.display = "block"
      var errMsg = document.querySelector('.loginForm .errorMessage')
      errMsg.style.display = "tiada"
      var form = document.querySelector('.loginForm')
      form.style.display = "tiada"
      nama var = document.getElementById("nama pengguna")
      name.innerHTML = nama pengguna;
      loggedUser = pengguna;
      clearValue("e-mel");
      clearValue("kata laluan")
    } lain {
      var errMsg = document.querySelector('.loginForm .errorMessage')
      errMsg.style.display = "sekat"
      var passwordBox = document.querySelector(".loginForm input.password")
      passwordBox.style.border.color = "merah"
    }
  }
}

<div id="loginForm" class="loginForm">
  <h1>Log masuk</h1>
  <input id="email" type="text" class="email" placeholder="emel atau nama pengguna">
  <input onkeyup="loginOnEnter(event)" id="password" type="password" class="password" placeholder="password">
  <p class="errorMessage">*Sila masukkan kata laluan yang sah</p>
  <butang onclick="login()" class="login-btn">Log masuk</button>
</div>

Answer 1

Mungkin CSS anda. Cubalah:

style.borderColor = 'red';