Javascript 不使用按钮计算平均值
如何在html中计算平均值而不单击按钮以显示结果,每次输入类型文本更改时,输出也将更改而不单击按钮Javascript 不使用按钮计算平均值,javascript,jquery,html,Javascript,Jquery,Html,如何在html中计算平均值而不单击按钮以显示结果,每次输入类型文本更改时,输出也将更改而不单击按钮 function multiplyBy(){ num1=document.getElementById(“firstNumber”).value; num2=document.getElementById(“secondNumber”).value; document.getElementById(“结果”).innerHTML=num1*num2; } 函数divideBy(){ num1=d
function multiplyBy(){
num1=document.getElementById(“firstNumber”).value;
num2=document.getElementById(“secondNumber”).value;
document.getElementById(“结果”).innerHTML=num1*num2;
}
函数divideBy(){
num1=document.getElementById(“firstNumber”).value;
num2=document.getElementById(“secondNumber”).value;
document.getElementById(“结果”).innerHTML=num1/num2;
}
第一个号码:
第二个号码:
结果是:
在两个按钮上都添加一个输入
侦听器:
const inputs=document.querySelectorAll('input');
for(输入的常量输入){
addEventListener('input',()=>{
document.getElementById(“结果”).textContent=(数字(输入[0].value)+数字(输入[1].value))/2;
});
}
第一个号码:
第二个号码:
结果是:
两种输入都应使用type=“number”