javascript - 获取 html 表单值

Question

以下 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”表单中输入的数字，然后在达到数字时显示“游戏结束”。然而问题是，它根本没有数数就立即说“游戏结束”。我认为问题在于获取表单值。它一直有效，直到我引入了变量“final_number”并将其放在最后一个 if 语句中(我之前使用了数字 50)。有什么想法可以解决这个问题吗？

Answer 1

获取值时需要使用parseInt，否则会是字符串

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