Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 不使用按钮计算平均值_Javascript_Jquery_Html - Fatal编程技术网

Javascript 不使用按钮计算平均值

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

如何在html中计算平均值而不单击按钮以显示结果,每次输入类型文本更改时,输出也将更改而不单击按钮

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”