如何在JavaScript计算器中显示两个结果？

Question

我正在构建这个小计算器，其中只有一个输入字段，当用户提交数据时，我希望表单进行2次计算并将结果显示在不同的div中。

在第一个div中，我希望用户放入输入区域并将其乘以0.017（结果进入第一个div）。对于第二个计算，我想将输入字段中放置的任何值乘以0.170，并将结果显示在单独的div中。请查看图像以获取视觉代表。

Answer 1

基本上，您要创建两个值（每个字段一个计算），然后将显示元素（DIV）的内部设置为计算值：

var someNumber = 10;
var someNumberAfterCalculationOne = someNumber % 4;
var someNumberAfterCalculationTwo = someNumber - someNumberAfterCalculationOne;

document.getElementById("lt_input").innerHTML = someNumberAfterCalculationOne;
document.getElementById("kg_input").innerHTML = someNumberAfterCalculationTwo;

以下是如何实现此目标的示例：

http://jsfiddle.net/nmbwamtd/3/

这种方法有点难看，但应该让你进入下一步。