Question

我正在制作游戏的基本计算器。用户输入他们拥有的1级墙的数量，程序将其乘以200并返回答案。这是非常基本但我无法找到我出错的地方。

<form onsubmit="return calcWalls(0);" style="display: inline;">
    <!-- Title of Form /-->
    <font>Level 1</font> 
    <!-- Gets Input /-->
    <input size="10" value="0" id="level1_input_">
    <!-- Calls 'calcWalls' /-->
    <input type="button" value="Calculate" onclick="calcWalls;">
    <!-- Outputs result /-->
    <span id="level1_result_"> = 0 Gold/Elixer</span>
</form>

<script>
    function calcWalls {
        <!-- Gets user input /-->
        var level1 = Number(document.getElementById("level1_input").value);
        <!-- Does calculations /-->
        var level1cost=level1*200;
        <!-- If the input is invalid this handles it /-->
        if (isNaN(level1input)) return ("???");
        if (level1input <= 0) return (0)
        <!-- Outputs result /-->
        document.getElementById("level1_result_").innerHTML = Math.round+(level1cost*100)/100;
                    }
</script>

Answer 1

我得到了你的回答。请下次考虑使用控制台（Firefox中为CTRL + SHIFT + K）进行调试。

JS：

calcWalls = function () {
    var level1 = Number(document.getElementById("level1_input_").value);
    var level1cost = level1 * 200;
    if (isNaN(level1cost)) return ("???");
    if (level1cost <= 0) return (0)
    document.getElementById("level1_result_").innerHTML = Math.round(level1cost * 100) / 100;
}

HTML：

<form onsubmit="return calcWalls(0);" style="display: inline;">
    <!-- Title of Form /--> <font>Level 1</font> 
    <!-- Gets Input /-->
    <input size="10" value="0" id="level1_input_">
    <!-- Calls 'calcWalls' /-->
    <input type="button" value="Calculate" onclick="calcWalls();">
    <!-- Outputs result /--> <span id="level1_result_"> = 0 Gold/Elixer</span>

</form>

工作示例here

编辑：你所拥有的不仅仅是一个编程问题，而是一个我不关注细节的问题。下次再检查变量名和函数声明。

使用html输入进行基本的Javascript计算

1 个答案: