Question

我对html / js中的计算真的很陌生。一位同事给了我一个用Google表格编写的脚本，我正在尝试将其实现到我创建的HTML计算器中。这是我尝试做的一个简单示例（当按钮被点按时，完整脚本将计算许多输入）：

HTML：

<input type="text" id="A" value="2"> X
<input type="text" id="B" value="5">
<input type="button" onClick="calculate()" value="Calculate"> = 
<output id="total"></output>

脚本：

function calculate() {
    var A = document.getElementById("A").value;
    var B = document.getElementById("B").value;
    var total = A*B;
};

我知道这可能是非常错误的，但是我正在学习：）

Codepen example

Answer 1

您没有将计算出的值分配给DOM。

工作示例：

function calculate() {
    var A = document.getElementById("A").value;
    var B = document.getElementById("B").value;
    var total = A*B;

    document.getElementById("total").value = total;

};

<input type="text" id="A" value="2"> X
<input type="text" id="B" value="5">
<input type="button" onClick="calculate()" value="Calculate"> = 
<output id="total"></output>

使用Google表格编写的脚本进行简单计算

1 个答案: