javascript - 按钮不会提交脚本

标签 javascript submit

我目前正在尝试制作一个用于教育目的的脚本。现在我想通过使用一个小脚本来检查人们给出的答案。但我认为一切都已编程良好,但它不会提交。有什么想法吗?

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

最佳答案

对于前端编程,您将需要使用控制台(开发工具)。 按 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.';

关于javascript - 按钮不会提交脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40802247/

相关文章:

html - 我做错了什么? CSS输入类型文件并提交

javascript - 如何从 ui-grid 中显示的按钮调用范围方法 - 在 Angular js 中

javascript - 在 Javascript Web 应用程序中保护私有(private) API key

laravel - 使用 Laravel Request 在更新方法上传递空字段

javascript - 表单 onsubmit 内联 javascript

javascript - jquery post 仅在警报后有效

PHP 表单不会提交值 ="0"

javascript - 定位对象内的数组 - Angular 2 中的 Observables

javascript - 从 Object.keys 和 forEach 方法 javascript 访问新对象

具有内部引用属性的 JavaScript 对象