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

对于前端编程，您需要使用控制台（开发工具）。按F12或右键单击inspect元素进行safari。

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

SyntaxError: Unexpected identifier 'heet'

修复：这一行：

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

必须是：

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

OR

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

Answer 2

    <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 3

如果您想使用single.php <form>方法在服务器上发布表单数据，请创建按钮

action

或者，如果您只想调用客户端功能，然后运行代码并在浏览器中单击f12，如果有任何错误，那么它将在控制台中抛出

按钮不会提交脚本

3 个答案: