javascript - 从表单中写入所有偶数的函数

Question

我有 16 个字段的 html 形式。用户在每个字段中输入数字 和函数只需要对偶数进行排序并显示它们。

// JS function for even numbers and printing out in paragraph //

function evenNumbers() {
  var numbers = document.getElementsByClassName("formInput");
  var i;
  for (i = 0; i <= numbers.length - 1; i++) {
    if (numbers[i].value % 2 == 0) {
      document.getElementById("even").innerHTML = "Even numbers are: " + numbers[i].value;
      else {
        continue;
      }
    }
  }

填写表格后，我确实得到了文本和值，但只有最后一个。

问题:如何获得将所有偶数写成一个的函数行？

Example: 2,4,6,8 etc...

我必须输入什么或更改此功能。提前谢谢大家

Answer 1

混合计算和 DOM 更改不是一个好主意，对于不同的用例，您可能还需要 evenNumbers:

function evenNumbers(numbers) {
  var i;
  var result = [];
  for (i = 0; i <= numbers.length - 1; i++) {
    if (numbers[i].value % 2 == 0) {
      result.push(numbers[i].value);
    }
    return result;
  }

像这样使用它:

  document.getElementById("even").innerHTML = "Even numbers are: " + evenNumbers(document.getElementsByClassName("formInput")).join(",");

请注意，这是一种通用方法，您可以在其中传递数字，因此您也可以在其他地方重用您的函数。