按钮不会提交脚本

Question

我目前正在尝试制作用于教育目的的脚本。现在我想用一个小脚本来检查人们给出的答案。但我认为一切都经过精心设计，但它不会提交。有什么想法吗？

        <div>
            Ik<input id="invulvraag1" type="text" placeholder="h..."> Marie.
            <button onclick="myFunction()">Controleer</button>
            <p id="demo"></p>
        </div>

        <script>
            function myFunction() {
                var text = document.getElementById("invulvraag1").value;
                var text;
                // Het antwoord is correct
                if (text === "heet") {
                    text = "perfect, goedzo!";
                    // het antwoord is iets anders
                } else {
                    text = "helaas.. het had "heet" moeten zijn.";
                }
                document.getElementById("demo").innerHTML = text;
            }
        </script>

Answer 1

    <div>
        <input id="invulvraag1" type="text" placeholder="h...">
        <button onclick="myFunction()">Controller</button>
        <p id="demo"></p>
    </div>

    <script>
        function myFunction() {
        var text = document.getElementById("invulvraag1").value;
        var text;

        // Het antwoord is correct
        if (text === "heet") {
        text = "perfect, goedzo!";
        document.getElementById("demo").innerHTML = text;

        // het antwoord is iets anders
        } else {
        text = "helaas.. het had "heet" moeten zijn.";
        document.getElementById("demo").innerHTML = text;
        }

        }
    </script>
    use above code it is useful

Answer 2

对于前端编程，您需要使用控制台（开发工具）。按 F12 或右键单击 Safari 的检查元素。

在控制台选项卡中，您将看到： js 错误：

SyntaxError: Unexpected identifier 'heet'

修复：这一行：

 text = "helaas.. het had "heet" moeten zijn.";

必须是：

text = "helaas.. het had 'heet' moeten zijn.";

或

 text = 'helaas.. het had "heet" moeten zijn.';

Answer 3

如果你想 post 使用 <form> action 方法在服务器上的表单数据然后创建按钮

<input type="submit" onclick="return myFunction();">


 <script>
            function myFunction() {
            var text = document.getElementById("invulvraag1").value;
            var text;

            // Het antwoord is correct
            if (text === "heet") {
            text = "perfect, goedzo!";

            // het antwoord is iets anders
            } else {
            text = "helaas.. het had "heet" moeten zijn.";

            }
            document.getElementById("demo").innerHTML = text;
            return true;
            }

  </script>

或者，如果您只想调用客户端函数，那么运行代码并在浏览器中单击 f12，如果出现任何错误，则会在控制台中抛出

按钮不会提交脚本

button wont submit script

javascript

submit