javascript - 我想匹配这两个字段，但每次运行此脚本时，ans 都会出现错误，请检查我的代码或逻辑

Question

html 部分:

<input type="text" id="name" placeholder="Email" />
<input type="password" id="pass" placeholder="Password" />
<button type="submit" onclick="validateUser()">Submit</button>
<p id="para"></p>

JavaScript 部分:

var USERS = ['sumair', 'awais', 'umair'];
var PASSWORDS = [1234, 1234, 1234]

function validateUser() {
    var username = document.getElementById('name').value;
    var password = document.getElementById('pass').value;

    for (var i in USERS) {
        if (username == USERS[i] && password == PASSWORDS[i]) {
            document.getElementById('para').innerHTML = "you are in";
        } else {
            document.getElementById('para').innerHTML = "you are not in";
        }
    }
}

Answer 1

您需要break当条件满足时循环。

//Create a variable
var result = false;
for (var i in USERS) {
    if (username == USERS[i] && password == PASSWORDS[i]) {
        result = true;
        break;
    }
}

//Based on the basis of result. 
if (result) {
    document.getElementById('para').innerHTML = "you are in";
} else {
    document.getElementById('para').innerHTML = "you are not in";
}