如何计算具有微调器的输入的值,以便当数字发生变化时,结果也会发生变化?
How to calculate the value of an input that has a spinner so when the number changes, the result changes too?
我是 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 上运行,但我没有得到任何结果,当我更改具有微调器的第一个输入的值时,第二个输入没有任何反应。
提前致谢! :-)
var a = document.getElementById('cowsnumber');
a.addEventListener("blur", function(){
document.getElementById('cost').value = parseInt(a.value) * 1500
})
<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>
我是 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 上运行,但我没有得到任何结果,当我更改具有微调器的第一个输入的值时,第二个输入没有任何反应。
提前致谢! :-)
var a = document.getElementById('cowsnumber');
a.addEventListener("blur", function(){
document.getElementById('cost').value = parseInt(a.value) * 1500
})
<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>