时间戳

首页 > 解决方案 > 调用时出现 Javascript 错误

javascript - 调用时出现 Javascript 错误

问题描述

我已经阅读并尝试了我能想到的一切。与调用函数 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");
    }

}

标签： javascript

解决方案

您在 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);

推荐阅读