javascript - 下面是用于登录验证的 JavaScript。但总是输出“不正确的用户名或密码”，即其他条件

Question

var objLogin = [{
    fname: "sastry",
    book: "sastry"
}, {
    fname: "laxman",
    book: "laxman"
}, {
    fname: "visali",
    book: "visali"
}]
function storeData() {
  var userName = document.getElementById("fname").Value;
  var userPasswd = document.getElementById("book").Value;

  for (i = 0; i < objLogin.length; i++) {
    if (userName == objLogin[i].fname && userPasswd == objLogin[i].book) {
      console.log(userName + "Is logged in!!");
      return;
    } else {
      console.log("Incorrect username or password");
    }
  }
}

Answer 1

访问输入字段的值时，应使用value（小写“v”）。

var userName = document.getElementById("fname").value;

此外，缓存元素引用也很棒，如下所示：

const userNameInput = document.getElementById("fname");
const userPasswdInput = document.getElementById("book");

function storeData() {
    const userName = userNameInput.value;
    const userPasswd = userPasswdInput.value;

    for (i = 0; i < objLogin.length; i++) {
        if (userName === objLogin[i].fname && userPasswd === objLogin[i].book) {
            console.log(userName + "Is logged in!!");
            return;
        } else {
            console.log("Incorrect username or password");
        }
    }
}

Answer 2

我认为有一些错字。

  var userName = document.getElementById("fname").Value;
  var userPasswd = document.getElementById("book").Value;

据我所知，document.getElementById("something").value是对的；

哦，有人回答，但这是我第一次使用堆栈溢出，我该怎么办？