javascript - 创建一个html页面，添加2个文本框，用户将在其中输入2个数字: n and m

Question

在下面的 HTML 中，我有两个文本输入来填充 n 和 m 的值。两个变量都应保存整数。 n 可以大于或小于m。我想要在 Add 单击按钮上求 n 和 m 之间所有偶数的总和。结果将显示在警报中。

下面是我当前的代码，但它不起作用。

n = 4、m = 8 的预期结果应为 18。n = 8、m = 4 的预期结果应为 18

function Sum() {
  var n = parseInt(document.getElementById("n").value);
  var m = parseInt(document.getElementById("m").value);
  var s = 0;
  var i;
  if (n < m) {
    i = n;
    while (i <= m) {
      if (i % 2 === 0) s = s + i;
      i++;
      alert(s);
    }
  } else if (n > m) {
    i = m;
    while (i <= n) {
      if (i % 2 === 0) s = s + i;
      i++;
      alert(s);
    }
  }
}

Enter first number:
<input type="text" id="n" />
<br/> Enter second number:
<input type="text" id="m" />
<br/>
<button onclick="Sum()">Sum</button>

Answer 1

在循环中从 n 和 m 之间的最小值开始，并将 i 值加一，直到值大于 n 和 m 中的最大值

function Sum() {
  var n = parseInt(document.getElementById("n").value);
  var m = parseInt(document.getElementById("m").value);
  var s = 0;
  for(var i = Math.min(n, m), max = Math.max(n, m); i <= max; i++){
    if(i%2==0) s += i;
  }
  
 alert(s);
}

Enter first number:
<input type="text" id="n" />
<br/> Enter second number:
<input type="text" id="m" />
<br/>
<button onclick="Sum()">Sum</button>