Javascript 汇总输入类型数组并在输出中显示函数myFunction（val）{ document.getElementById（“结果”）.innerHTML=val； }_Javascript_Html_Arrays_Input_Sum

Javascript 汇总输入类型数组并在输出中显示函数myFunction（val）{ document.getElementById（“结果”）.innerHTML=val； }

javascript html arrays input

Javascript 汇总输入类型数组并在输出中显示函数myFunction（val）{ document.getElementById（“结果”）.innerHTML=val； },javascript,html,arrays,input,sum,Javascript,Html,Arrays,Input,Sum,我想把这两个数组相加，并在“result”中显示出来。但目前它只会显示一个。我能知道如何在javascript中添加这两个数组吗？例如：用户输入1+输入2，它将在底部显示3。在输入元素中添加一个class属性或使用querySelectorAll中的标记选择器。然后循环输入元素并对值求和函数myFunction（val）{ const ele=document.querySelectorAll（'input'）；设和=0； ele.forEach（输入=>{ sum+=input.val

我想把这两个数组相加，并在“result”中显示出来。但目前它只会显示一个。我能知道如何在javascript中添加这两个数组吗？

例如：用户输入1+输入2，它将在底部显示3。

在输入元素中添加一个class属性或使用

querySelectorAll

中的标记选择器。然后循环输入元素并对值求和

函数myFunction（val）{
const ele=document.querySelectorAll（'input'）；
设和=0；
ele.forEach（输入=>{
sum+=input.value？parseFloat（input.value）：0；
});
document.getElementById（'result'）.textContent=sum.toFixed（2）；
}

请检查此解决方案

<html>
<body>

<input type="text" id="array[]" oninput="myFunction(this.value)">      
<input type="text" id="array[]" oninput="myFunction(this.value)">       
<p id="result"></p>

<script>
function myFunction(val) {
  document.getElementById("result").innerHTML = val; 
}
</script>

</body>
</html>



var val1=0；
var-val2=0；
var-val3=0；
函数myFunction1（val）{
如果（val！==“”）{
val1=parseInt（val）；
}否则{
val1=0；
}
val3=val1+val2；
document.getElementById（“结果”）.innerHTML=val3；
}
函数myFunction2（val）{
如果（val！==“”）{
val2=parseInt（val）；
}否则{
val2=0；
}
val3=val1+val2；
document.getElementById（“结果”）.innerHTML=val3；
}

不清楚，它是否像两个不同的文本一样被视为数组，或者您将每个文本中的值作为数组输入？例如，如果用户在第一个数组中输入1，在第二个数组中输入2，则结果将显示3。您有多个输入具有相同的

id

值；没有办法区分它们。神圣的妈妈，谢谢你，英雄！Welcome Jt Tan:）我可以知道如何在小数点后2位生成最终结果吗？您可以使用

sum.toFixed（2）

对结果进行四舍五入，但为此，您需要在第5行将

parseInt

更改为

parseFloat

。

<html>
<body>

<input type="text" id="array1" oninput="myFunction1(this.value)">      
<input type="text" id="array2" oninput="myFunction2(this.value)">       
<p id="result"></p>

<script>
var val1 = 0;
var val2 = 0;
var val3 = 0;
function myFunction1(val) {
  if (val !== "") {
    val1 = parseInt(val);
  } else {
    val1 = 0;
  }
    val3 = val1 + val2;
    document.getElementById("result").innerHTML = val3; 
  }

  function myFunction2(val) {
    if (val !== "") {
    val2 = parseInt(val);
  }  else {
    val2 = 0;
  }
    val3 = val1 + val2;
    document.getElementById("result").innerHTML = val3; 
  }


  </script>

  </body>
  </html>