如何在输入文本值中显示JavaScript函数值

如何在输入文本值中显示JavaScript函数值,javascript,html,Javascript,Html,我有这段代码来测量每个文本输入中的输入数量,需要在输入文本上显示它,但可以计算出来!: JavaScript可以验证输入 请输入一个数字 函数myFunction(){ 常量输入=['numb1','numb2','numb3']; const z=inputs.map(v=>document.getElementById(v.value) .reduce((a,v)=>a+(v&&!isNaN(v)),0); document.getElementById(“demo”).innerHTM

我有这段代码来测量每个文本输入中的输入数量,需要在输入文本上显示它,但可以计算出来!:


JavaScript可以验证输入
请输入一个数字

函数myFunction(){ 常量输入=['numb1','numb2','numb3']; const z=inputs.map(v=>document.getElementById(v.value) .reduce((a,v)=>a+(v&&!isNaN(v)),0); document.getElementById(“demo”).innerHTML=z; }
输入元素没有
innerHtml
功能。将其替换为值

应该是
document.getElementById(“demo”).value=z

我看起来不像这样,但看起来是这样的:


JavaScript可以验证输入
请输入一个数字

函数myFunction(){ 让输入=['numb1','numb2','numb3']; 设z=输入。减少((a,i)=>{ 设v=document.getElementById(i).value; 返回a+(parseInt(v)| 0); },0); document.getElementById(“demo”).value=z; } document.getElementById('numb1')。addEventListener('input',myFunction); document.getElementById('numb2').addEventListener('input',myFunction); document.getElementById('numb3')。addEventListener('input',myFunction);
那么,代码有什么问题吗?在
const z
中,您没有在
v
@Teemu中包含
“/”
,我想在输入文本值中校准
myFunction()
内部输入文本值。@M.Saeed如果您想在输入值时运行它,请使用
onchange=“myFunction()”
onkeyup=“myFunction”
,或者使用按钮并使用
onclick=“myFunction”
use
document.getElementById(“demo”).value=z
并在输入中添加
onchange
onkeyup
。它应该可以工作。您可以在类上设置事件侦听器,并使用
getElementsByClassName
,这会更漂亮、更动态。