自动百分比计算器

时间:2014-06-29 23:43:44

标签: javascript html

我正在编写一个计算百分比的代码,但是我需要它来自动计算百分比,而不需要提交按钮,也就是说我希望它输出计算的百分比,而不需要用户点击提交按钮。

这是我的代码

Input: <input type="text" id="input"/><br />
Percent: <input type="text" id="percent" value="50"/>%<br />
Output: <input type="text" id="output"/>


function calc() {
  var i = document.getElementById("input").value;
  var p = document.getElementById("percent").value;
  var o = (i/100) * p;
  document.getElementById("output").value = o;
}

1 个答案:

答案 0 :(得分:0)

在两个输入中的每一个上添加onchange="calc();"(当用户标签更新到下一个字段时更新)或onkeyup="calc();"(每当用户输入内容时更新)。