如何在输入文本值中显示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”
usedocument.getElementById(“demo”).value=z
并在输入中添加onchange
或onkeyup
。它应该可以工作。您可以在类上设置事件侦听器,并使用getElementsByClassName
,这会更漂亮、更动态。