Question

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

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

这是link to the page in question

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/

从滑块输出制作JS公式

1 个答案: