Javascript 调用时出错

Question

我已经阅读并尝试了我能想到的一切。 与调用 function 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 个解决方案

解决方案1
1 2019-09-20 15:27:02

HTML：

JS：

解决方案2
0 2019-09-20 15:26:36

解决方案3
0 2019-09-20 15:28:01

解决方案4
0 2019-09-20 15:48:27

Javascript 调用时出错

问题描述

4 个解决方案

解决方案1 1 2019-09-20 15:27:02

HTML：

JS：

解决方案2 0 2019-09-20 15:26:36

解决方案3 0 2019-09-20 15:28:01

解决方案4 0 2019-09-20 15:48:27

解决方案1
1 2019-09-20 15:27:02

解决方案2
0 2019-09-20 15:26:36

解决方案3
0 2019-09-20 15:28:01

解决方案4
0 2019-09-20 15:48:27