Javascript 获取html表单值

Javascript 获取html表单值,javascript,html,forms,Javascript,Html,Forms,以下javascript代码用于我被要求制作的“乒乓”游戏: var final_number = document.getElementById("input").value; var current_number = 0; var interval = setInterval(document.getElementById("submit").onclick = function() { document.getElementById('number').innerHTML = +

以下javascript代码用于我被要求制作的“乒乓”游戏:

var final_number = document.getElementById("input").value;
var current_number = 0;

var interval = setInterval(document.getElementById("submit").onclick = function() {
    document.getElementById('number').innerHTML = ++current_number;
    if (current_number % 3 === 0){
        document.getElementById('number').innerHTML = "ping";
    }
    if (current_number % 5 === 0){
        document.getElementById('number').innerHTML = "pong";
    }   
    if (current_number % 15 === 0){
        document.getElementById('number').innerHTML = "ping";
        document.getElementById('number').innerHTML = "pong";
    }    
    if (current_number >= final_number){
        document.getElementById('number').innerHTML = 'Game Over';
        clearInterval(interval);
    }
}, 1000);

它从0开始计数,直到html中“input”表单中输入的数字,然后在达到该数字时说“游戏结束”。然而,问题是,它立即说“游戏结束”,根本不算。我认为问题在于获取表单值。它一直工作到iI引入变量“final_number”并将其放入最后一个if语句(我之前使用了数字50)。您知道如何解决这个问题吗?

获取值时需要使用parseInt,否则它将是一个字符串

var final_number = parseInt(document.getElementById("input").value,10);

获取值时需要使用parseInt,否则它将是一个字符串

var final_number = parseInt(document.getElementById("input").value,10);

您正在将一个数字与一个文本进行比较,因此它将比较ASCII值,
我认为您需要首先转换您的值

您将数字与文本进行比较,因此它比较ASCII值,
我认为您需要首先转换您的值

您可以使用调试器来实际查看正在发生的事情。您可以使用调试器来实际查看正在发生的事情。