从滑块输出创建 JS 公式

Making a JS formula from slider outputs

本文关键字：JS 公式 创建 输出      更新时间：2023-09-26

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

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

这是相关页面的链接

认为你有三个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/

相关文章：