Question

我已经阅读并尝试了所有我能想到的东西。看起来与调用函数onclick相同的其他页面工作正常。我尝试了我所知道的所有内容，但无济于事。

<html>
<head>
    <title>Password</title>
</head>

    <body>

        <div id="output"></div>
        <input id="playername" placeholder = "Username" /> <br>
        <input id="password" placeholder = "Enter Password"/>
        <button onclick="test()">Are you correct?</button>
        <script src="pword.js"></script>    
    </body>

JS：

function test() {

    let output = document.querySelector("#output");
    let playername = document.querySelector("#playername");
    let password = document.querySelector("#password");

    if output.value === ("username") && password.value === ("Pa$$w0rd") {  
        console.log("CORRECT!");
    } else {
        console.log("Incorrect, try again");
    }

}

Answer 1

您在if语句中忘记了括号

if HERE => ( output.value === ("username") && password.value === ("Pa$$w0rd") ) <= AND HERE {  
    console.log("CORRECT!");
} else {
    console.log("Incorrect, try again");
}

最好执行这样的操作，删除对HTML的onclick并执行以下操作：

HTML：

<button id="MyButton">Are you correct?</button>

JS：

var MyBtn = document.getElementById("MyButton");
MyBtn.addEventListener("click", test);

Answer 2

if (playername.value === "username" && password.value === "Pa$$w0rd") {  
    console.log("CORRECT!");
} else {
    console.log("Incorrect, try again");
}

Answer 3

您正在检查output.value而不是playername.value，并且括号位置错误，这是一段固定代码的代码段：

function test() {
  let output = document.querySelector("#output");
  let playername = document.querySelector("#playername");
  let password = document.querySelector("#password");

  if (playername.value === "username" && password.value === "Pa$$w0rd") {
    console.log("CORRECT!");
  } else {
    console.log("Incorrect, try again");
  }
}

<div id="output"></div>
<input id="playername" placeholder="Username" /> <br>
<input id="password" placeholder="Enter Password" />
<button onclick="test()">Are you correct?</button>

Answer 4

您正在检查output.value，而不是playername.value。

您可以在此处查看工作代码：https://repl.it/repls/ImaginaryCandidPerformance

调用时出现Javascript错误

4 个答案:

HTML：

JS：