Javascript 正确运行脚本的HTML/Js表单_Javascript_Html_Function_Input_Password Protection

Javascript 正确运行脚本的HTML/Js表单

javascript html function input

Javascript 正确运行脚本的HTML/Js表单,javascript,html,function,input,password-protection,Javascript,Html,Function,Input,Password Protection,我正在为我的网站编写一些HTML。我想从个人信息中创建一个密码页。就是这样： <!doctype html> <html> <center>Password Protection</center> <p></p> "Gavin, psst, Gavin. Gavin, psst, Gavin. ______, ______, what? ______, ______, what?" <br><input

我正在为我的网站编写一些HTML。我想从个人信息中创建一个密码页。就是这样：

<!doctype html>
<html>
<center>Password Protection</center>
<p></p>

"Gavin, psst, Gavin. Gavin, psst, Gavin. ______, ______, what? ______, ______, what?" <br><input type="text" id="answer1" value=""><p>
    "This boy thinks that bombs are made of ______!" <br><input type="text" id="answer2" value=""><p>
"I've got many fake books, since I'm a leprechaun farmer who's a ______"<br>
<form onsubmit="return compare()">
<input type="text" id="answer3" value=""><br>
<input type="submit" value="Submit">
</form>
<script type="text/javascript">

                        function compare()
                        {
                            var answer11 = "shut up"
                            var answer22 = "cheese"
                            var answer33 = "gambler"
                            var answer1 = document.getElementById("answer1")
                            var answer2 = document.getElementById("answer2")
                            var answer3 = document.getElementById("answer3")
                            if (answer1 == answer11){
                                var question1 = true
                            }
                            if (answer2 == answer22){
                                var question2 = true
                            }
                            if (answer3 == answer33){
                                var question3 = true
                            }
                            if (question1 = true, question2 = true, question3 = true){
                                window.open("webpage name")
                            }
                            else{
                                confirm("Incorrect")
                            }
                        }
                        </script>
<p>
<p>
</html>

您需要使用元素的值来与字符串进行比较，而不是与元素本身进行比较。

如果我理解正确，我会将“answer1”替换为“document.getElementById（“answer1”）.value；”，对吗？我这样做了，现在什么也没有发生，除了它重新加载页面。。。我遗漏了什么？您需要使用

返回false在函数结束之前compare（）
。因此它不会手动提交表单。if（document.getElementById（“answer2”）.value；==answer22）
-删除（与答案3相同）。应答1缺少括号
<代码>如果（问题1=true，问题2=true，问题3=true）
这些是作业，不是逻辑测试-使用=
或==
。此外，question1
、question2
和question3从未定义。谢谢，这类问题解决了。我收到了不正确的信息，但我似乎无法使用正确的密码进入？
        {
                            var answer11 = "shut up"
                            var answer22 = "cheese"
                            var answer33 = "gambler"
                            var answer1 = document.getElementById("answer1")
                            var answer2 = document.getElementById("answer2")
                            var answer3 = document.getElementById("answer3")
                            if (document.getElementById("answer1" == answer11){
                                var question1 = true
                            }
                            if (document.getElementById("answer2").value; == answer22){
                                var question2 = true
                            }
                            if (document.getElementById("answer3").value; == answer33){
                                var question3 = true
                            }
                            if (question1 = true, question2 = true, question3 = true){
                                window.open("www.roadrunnersoccer.com/cole/info/banana.html")
                            }
                            else{
                                confirm("Incorrect")
                            }
                            return false;
                        }

var answer1 = document.getElementById("answer1").value;
var answer2 = document.getElementById("answer2").value;
var answer3 = document.getElementById("answer3").value;