Question

所以我得到了这个简单的代码：

<!DOCTYPE html>
<html>
<head>
    <title>SuM BUTtonsS DOe</title>
    <link rel="stylesheet" href="buttons.css"/>
</head>
<body>
    <p>Please enter the password</p>
    <form id="enter" onSubmit="javascript:passCheck()">
        <input id="password" type="password" placeholder="Password">
    </form>

    <script type="text/javascript">
        var input = document.getElementById('password');

        function passCheck() {
            if (input == 'herro') {
                window.alert("IT WORKS!!");
            }
            else {
                window.alert("darn");
            }
        }
    </script>
</body>
</html>

不应该太难，对吧？问题是它没有工作......

我检查的所有地方似乎都说你要做的唯一事情就是getElementById，并且它会给你文本字段的内容。但是，我只是继续得到了＃34; darn＆＃34;警报。有任何想法吗？我知道函数被调用了......也许输入必须在函数中？

Answer 1

您正在针对字符串检查DOM元素。 getElementById方法返回DOM元素。你想要做的是检查字符串的元素值将条件更改为

 input.value == 'herro'

应该这样做。

Answer 2

尝试获取字段的值，而不是字段本身：

 var input = document.getElementById('password').value;

令人难以置信的简单密码系统不起作用

2 个答案: