Javascript 如何在HTML中使用输入值测量条目数_Javascript_Html

Javascript 如何在HTML中使用输入值测量条目数

javascript html

Javascript 如何在HTML中使用输入值测量条目数,javascript,html,Javascript,Html,我正在学习JS和HTML，有三个文本输入需要输入任何数字值，然后如果我输入任何数字需要作为单个值“1”进行测量，例如：如果我填写了两个输入值，则测量值为2，如果我输入了3个输入值，则测量值为3 我用这种方法做的，但需要缩短，不知道怎么做 <!DOCTYPE html> <html> <body> <h2>JavaScript Can Validate Input</h2> <p>Please input a nu

我正在学习JS和HTML，有三个文本输入需要输入任何数字值，然后如果我输入任何数字需要作为单个值“1”进行测量，例如：如果我填写了两个输入值，则测量值为2，如果我输入了3个输入值，则测量值为3

我用这种方法做的，但需要缩短，不知道怎么做

    <!DOCTYPE html>
<html>
<body>

<h2>JavaScript Can Validate Input</h2>

<p>Please input a number</p>

<input id="numb1" value="">
<input id="numb2" value="">
<input id="numb3" value="">

<button type="button" onclick="myFunction()">Submit</button>

<p id="demo"></p>

<script>
function myFunction() {
  var x1, text, y, z1, n, x2, x3, z2, z3;

  // Get the value of the input field with id="numb"
  x1 = document.getElementById("numb1").value;
  x2 = document.getElementById("numb2").value;
  x3 = document.getElementById("numb3").value;

  // only measure if only has number.

  if (isNaN(x1)) {

  } else {
    y=0;
    z1 = y+1;
  }
    if (isNaN(x2)) {

  } else {
    y=0;
    z2 = y+1;
  }
    if (isNaN(x3)) {

  } else {
    y=0;
    z3 = y+1;
  }
  document.getElementById("demo").innerHTML = z1+z2+z3;
}
</script>

</body>
</html>


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

函数myFunction（）{
变量x1，文本，y，z1，n，x2，x3，z2，z3；
//使用id=“numb”获取输入字段的值
x1=document.getElementById（“numb1”）.value；
x2=document.getElementById（“numb2”）.值；
x3=document.getElementById（“numb3”）.值；
//如果只有数字，则只有度量。
if（isNaN（x1））{
}否则{
y=0；
z1=y+1；
}
if（isNaN（x2））{
}否则{
y=0；
z2=y+1；
}
if（伊斯南（x3））{
}否则{
y=0；
z3=y+1；
}
document.getElementById（“demo”）.innerHTML=z1+z2+z3；
}

请帮帮忙

将输入元素名称视为一个数组，将它们与输入元素值相加，并与设置了数值的总数相加：

函数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；
}

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