javascript - 从滑块输出制作 JS 公式

Question

我确信这可以通过 JavaScript 实现，但我无法通过搜索找到我正在寻找的确切内容，而且我的脚本技能非常差。

我在一个页面上有 3 个滑块，它们将它们的值输出到 3 个单独的 div（带有 id 成本、长度、收入）。我想要一个公式来获取每个 div 的内容并给出最终结果，例如result = (income-cost)*length在一个单独的 div 中。理想情况下，结果会随着每个滑块的移动而更新，但也许“计算”按钮会更容易？

这是相关页面的链接

Answer 1

考虑您有三个 div，如下所示。检查代码

<div id="cost"></div>
<div id="income"></div>
<div id="length"></div>

<div id="total"></div>

<script>
var cost=document.getElementById('cost').innerHTML;
var income=document.getElementById('income').innerHTML;
var length=document.getElementById('length').innerHTML;

var total=(Number(income)-Number(cost))*(Number(length));

//This would give you the total value

document.getElementById('total').innerText=total;//To insert the element into div

</sctipt>

请检查小提琴链接http://jsfiddle.net/ZKTeu/