如何计算具有微调器的输入的值,这样当数字改变时,结果也会改变?

时间:2017-12-06 10:52:05

标签: javascript forms spinner calculation

我对Javascript很新,我需要一些基本函数的帮助,它可以计算具有微调器的输入值并在第二个字段中显示结果。

我的HTML:

<form action="simulation_investment">

Nombre de vache(s):<br>

<input type="number" id= "cowsnumber" min="1" max="999"  onblur="calculate()"> 
<br>

Coût estimé du bétail:<br>
 <input type="numbers" id="cost">
 <br><br>
 </form>

我的Javascript:

calculate = function() {
    var cowsnumber = document.getElementById('cowsnumber').value;
    document.getElementById('cost').value = parseInt(cowsnumber) * 1500;
}

我实际上是想让它在JSFiddle上工作,但我没有得到结果,当我改变第一个有微调器的值时,第二个输入没有任何反应。

提前谢谢! :-)

1 个答案:

答案 0 :(得分:0)

&#13;
&#13;
var a = document.getElementById('cowsnumber');
a.addEventListener("blur", function(){
document.getElementById('cost').value = parseInt(a.value) * 1500
})
&#13;
<form action="simulation_investment">

Nombre de vache(s):<br>

<input type="number" id= "cowsnumber" min="1" max="999" > 
<br>

Coût estimé du bétail:<br>
 <input type="numbers" id="cost">
 <br><br>
 </form>
&#13;
&#13;
&#13;