如何获取javascript addeventlistener输入的返回值

如何获取javascript addeventlistener输入的返回值,javascript,return-value,addeventlistener,Javascript,Return Value,Addeventlistener,我试着编写一个体重指数计算器 我希望代码段在html输入字段上侦听。如果有人在输入字段中写入数字,则写入的输入应立即显示在屏幕上。但是对于输入,我要计算。如果我将返回res写入函数,我会得到一个错误: 如何使用返回值 有人有解决办法吗 工作: document.getElementById(“formInputBodySize”).addEventListener(“输入”,fBodySize); 函数fBodySize(){ 设arrBodySize=[]; arrBodySize.push(

我试着编写一个体重指数计算器

我希望代码段在html输入字段上侦听。如果有人在输入字段中写入数字,则写入的输入应立即显示在屏幕上。但是对于输入,我要计算。如果我将返回res写入函数,我会得到一个错误:

如何使用返回值

有人有解决办法吗

工作:
document.getElementById(“formInputBodySize”).addEventListener(“输入”,fBodySize);
函数fBodySize(){
设arrBodySize=[];
arrBodySize.push(此值);
设res=Number(arrBodySize[arrBodySize.length-1]);
document.getElementById('titleWeight')。innerText=res;
}

函数fBodySize(elInput){
设arrBodySize=[];
arrBodySize.push(elInput);
设res=Number(arrBodySize[arrBodySize.length-1]);
document.getElementById('titleWeight')。innerText=res;
}

在多次重读您的问题后,我认为您的意思是:

document.getElementById(“formInputBodySize”).addEventListener(“输入”,fBodySize);
设arrBodySize=[];
函数fBodySize(){
设size=this.value;
size=isNaN(size)| | size.trim()==“0:+size;//使其成为数字
如果(尺寸){
arrBodySize.push(尺寸);
document.getElementById('titleWeight')。innerText=size+10;
}
else document.getElementById('titleWeight')。innerText=“”;
}

体型:标题重量:
我想我把我的问题解释错了?我想要这样一个简单的解决方案,但它不起作用:

document.getElementById('formInputBodySize')。addEventListener('input',fBodySize);
document.getElementById('formInputWeight')。addEventListener('input',fWeight);
函数fBodySize(){
返回此.value;
}
函数fWeight(){
返回此.value;
}

document.getElementById('formInputBmi')。value=fBySize()/(fWeight()*fWeight())你的实时演示中的错误是因为你没有任何HTML。oninput很好。我改为oninput,但从我的观点来看,onkeyup更容易处理。你也不执行计算
<input type="number" id="formInputBodySize"  
oninput="fBodySize(this.value)">

<script>

function fBodySize(elInput) {
let arrBodySize = [];
arrBodySize.push(elInput);

let res = Number(arrBodySize[arrBodySize.length - 1]);

document.getElementById('titleWeight').innerText = res;
}

</script>