javascript - 使用 Google Sheets 编写的脚本进行简单计算

Question

我对 html/js 的计算非常陌生。一位同事给了我一个用 Google Sheets 编写的脚本，我正在尝试将其实现到我创建的 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>