如何在javascript中查找输入值的总和

Question

任何人都可以帮我使用 JavaScript 求输入值的总和。 HTML 和 JavaScript 如下所示。预先感谢

let inputs=document.getElementsByTagName('input');
let button=document.querySelector('button');

button.addEventListener('click',function(){
let sum='';
for(let i=0;i<inputs.length;i++){
sum+=parseInt(inputs[i].value);
}
console.log(sum);
})

<input type="text">
<input type="text">
<button>Find Sum</button>

Answer 1

您将

sum

定义为字符串并且

当您添加到总和时

sum+=parseInt(inputs[i].value);

输入值正在被连接。

将

sum

定义为整数，例如 0。

查看以下代码：

let inputs=document.getElementsByTagName('input');
let button=document.querySelector('button');

button.addEventListener('click',function(){
let sum=0;
for(let i=0;i<inputs.length;i++){
sum+=parseInt(inputs[i].value);
}
console.log(sum);
})

<input type="text">
<input type="text">
<button>Find Sum</button>

Answer 2

function calculateSum() {
  // Get the values from the input fields
  var num1 = parseFloat(document.getElementById("num1").value);
  var num2 = parseFloat(document.getElementById("num2").value);

  // Check if the input is valid
  if (isNaN(num1) || isNaN(num2)) {
    alert("Please enter valid numbers.");
    return;
  }

  // Calculate the sum
  var sum = num1 + num2;

  // Display the result
  document.getElementById("result").innerText = "Sum: " + sum;
}

<input type="text" id="num1">
<input type="text" id="num2">
<button onclick="calculateSum()">Find Sum</button>

<p id="result"></p>