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" } } }

 
Log masuk
   
*Sila masukkan kata laluan yang sah
 Log masuk