Question

我在比较整数的函数时遇到麻烦。

我分配了输入并使用了parseInt方法，但是该方法没有按我预期的那样工作。我看过不同的解决方案，但是没有运气。

这是我遇到麻烦的代码部分：

            <form>
                <label>QUESTION 4 <br /></label>
                <label for="q4">How long is the Pieterad, the most famous walking trail in Ashington?(In Kilometers)</label>
                <input type="text" id="q4" placeholder="Enter your answer here." />
                <button onclick="q4function()" type="button">Submit</button>
                <p id="q4Answer"></p>
            </form>

        function q4Funtion() {
            var a = parseInt(document.getElementById("q4").value, 10);

            if (a == 498)
                document.getElementById("q4Answer").innerHTML = "Great Success!";
            else if (a != 498)
                document.getElementById("q4Answer").innerHTML = "The answer was 498.";    
        }

此功能完全没有结果。我不确定做错了什么。

Answer 1

如果您正确拼写“ Function”，这将起作用：)另外，请查看事件处理程序而不是onclick方法。

function q4Function() {
            var a = parseInt(document.getElementById("q4").value, 10);

            if (a == 498)
                document.getElementById("q4Answer").innerHTML = "Great Success!";
            else if (a != 498)
                document.getElementById("q4Answer").innerHTML = "The answer was 498.";    
        }

Answer 2

您的表单可能已提交，这意味着您的JavaScript代码未运行。添加此选项可以防止它：

document.querySelector("form").addEventListener("submit", e => e.preventDefault());

还要确保您正确拼写function：

function q4Function() {...}

无法在javascript中比较整数

2 个答案: