如何在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/

这种方法有点难看，但是应该可以带您进行下一步。