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

【问题标题】：How can I display two results in a JavaScript calculator?如何在 JavaScript 计算器中显示两个结果？
【发布时间】：2014-12-06 01:20:33
【问题描述】：

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

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

【问题讨论】：

请在您的问题中发布您的代码。
欢迎堆栈溢出！如果你展示你当前的代码，你的问题会得到最好的结果，通过使用诸如jsfiddle.net 之类的工具，你会在 js/html 问题上得到非常好的结果
我复制了一个通用的 js 脚本并尝试修改它，但没有成功。这是用于 HTML 和 CSS 的 JS fiddle。选择输入区域后，如何进行两次计算并分别显示？非常感谢您的帮助。 jsfiddle.net/nmbwamtd
我的问题不适合这个网站吗？正如你所看到的，我在编码方面不是很胜任，但我必须尽快解决这些问题。因此，如果有人能提供帮助，我将不胜感激。
我添加了我的脚本：jsfiddle.net/nmbwamtd

标签： javascript calculator

【解决方案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/

这种方法有点难看，但应该可以帮助您完成下一步。

【讨论】：

感谢您的回复。我看到你为 someNumber 设置了一个变量。我想抓取并使用用户输入 area_input 的数字。我怎样才能修改你的代码来做到这一点。基本上，无论 area_input 内的数字是多少，我都想做两次计算并将它们显示在 lt_input 和 kg_input div 中。 ???
当然！您获取值的方式与在 div 中设置的方式类似（略有不同，因为它不是 DIV 而是 INPUT），然后验证它是一个数字：jsfiddle.net/nmbwamtd/4
非常感谢。它在 JS fiddle 中效果很好，当我将代码放入编辑器时，它会重置输入值并返回页面顶部。我已将数字修改如下： var someNumberAfterCalculationOne = area * 0,170; var someNumberAfterCalculationTwo = 面积 * 0,0170;
抱歉，我不确定我是否可以为您的编辑器提供帮助 - 这可能会帮助您解决滚动到页面顶部的问题 - stackoverflow.com/questions/17974108/…。如果这已经回答了您提出的问题，请记得勾选复选框以接受它，谢谢！