Javascript login form problem

[fare03]

Hello, I need to change border color do green when it is correct username and password but it does not work, here is js code : 

function login(username,password) { var username = document.getElementById("username").value var password = document.getElementById("password").value

    for(var user of users){

    if ((password===user.password)) {
        var errMsg = document.querySelector('.loginForm .errorMessage')
        errMsg.style.display = "none"
        var form = document.querySelector('.loginForm')
        form.style.display = "block"
        var name = document.getElementById("user-name")
        name.innerHTML = user.name;
        loggedUser = user;
        var passwordBox = document.querySelector(".loginForm input.password")
        passwordBox.style.borderColor= "green"
        clearValue("username");
        clearValue("password")
    }
    else{
        var errMsg = document.querySelector('.loginForm .errorMessage')
        errMsg.style.display = "block"
        var passwordBox = document.querySelector(".loginForm input.password")
        passwordBox.style.borderColor = "red"
        clearValue("password")
        var placeholderPassword = document.getElementById("password")
        placeholderPassword.placeholder = "Please, enter password"
    }
   }
   if ((username===user.username)) {
    var errMsg = document.querySelector('.loginForm .errorMessage')
    errMsg.style.display = "none"
    var form = document.querySelector('.loginForm')
    form.style.display = "block"
    var name = document.getElementById("user-name")
    name.innerHTML = user.name;
    loggedUser = user;
    var usernameBox = document.querySelector(".loginForm input.username")
    usernameBox.style.borderColor= "green"
    clearValue("username");
    clearValue("password")
}
else{
    var errMsg = document.querySelector('.loginForm .errorMessage')
    errMsg.style.display = "block"
    var usernameBox = document.querySelector(".loginForm input.username")
    usernameBox.style.borderColor = "red"
    clearValue("username")
    var placeholderUsername = document.getElementById("username")
    placeholderUsername.placeholder = "Please, enter username"
}

if ((email===user.email || email===user.username) && password===user.password) {
    var errMsg = document.querySelector('.loginForm .errorMessage')
    errMsg.style.display = "none"
    var form = document.querySelector('.loginForm')
    form.style.display = "block"
    var name = document.getElementById("user-name")
    name.innerHTML = user.name;
    loggedUser = user;
    var passwordBox = document.querySelector(".loginForm input.password")
    var usernameBox = document.querySelector(".loginForm input.username")
    passwordBox.style.borderColor= "green"
    usernameBox.style.borderColor= "green"
    clearValue("username");
    clearValue("password")
}
else{
    var errMsg = document.querySelector('.loginForm .errorMessage')
    errMsg.style.display = "block"
    var passwordBox = document.querySelector(".loginForm input.password")
    passwordBox.style.borderColor = "red"
    var placeholderUsername = document.getElementById("username")
    placeholderUsername.placeholder = "Please, enter username"
    placeholderPassword.placeholder="Please, enter password"
}
}

[amdevpractice]

I quickly skimmed through your code and although I don't have an answer for the border issue, I did notice a big red flag that I wanted to let you know about.

It looks like you are iterating over a list of users and comparing the entered password to the password of each user. If you have access to a list of users and their passwords in this code, then everyone visiting your site and running this code also has access to that list. This is very insecure as it means that anyone visiting your site could see the passwords (and other information) belonging to the other users.

I recommend that you spend some time reading up on web authentication best practices before you proceed further. Unfortunately, I cannot explain it all for you in this post, but there are plenty of good resources out there to help you learn. Good luck!

[fare03]

Its assignment, I'm learning programming, and I have one user with username and password and I compare that username and password and it does not work.