时间戳

首页 > 解决方案 > 每次循环打印一个数字

javascript - 每次循环打印一个数字

问题描述

我正在玩一些 HTML 和 Javascript。按下网页上的按钮后，我试图在屏幕上打印 100 个数字。我可以将数字打印在屏幕上，但是当我想用“Apple”之类的字符串替换数字时，如果该数字可以被 5 整除。代码如下：

function testFunction() {
  var wrapper = document.getElementById("Test");
  var myHTML = '';

  for (var i = -1; i < 20; i++) {
        if (i % 5 == 0 && i % 3 == 0) {
        myHTML += '<span class="test">Pineapple</span><br/>';
    } else if (i % 5 == 0) {
        myHTML += '<span class="test">Apple</span><br/>';
        } else if (i % 3 == 0) {
          myHTML += '<span class="test">Pine</span><br/>';
        } else {
        myHTML += '<span class="test">' + (i + 1) + '</span><br/>';
    }
  }
  wrapper.innerHTML = myHTML
}

输出总是关闭一个元素，因此它将打印“5”，然后下一行将是“Apple”，而不是用“Apple”替换“5”，然后打印“6”

这是输出：

0
Pineapple
2
3
Pine
5
Apple
Pine
8
9
Pine
Apple
12
Pine
14
15
Pineapple
17
18
Pine
20

标签： javascript

解决方案

您正在打印 i+1，而不是 i。

  var wrapper = document.getElementById("Test");
  var myHTML = '';

  for (var i = -1; i < 20; i++) {
        if (i % 5 == 0 && i % 3 == 0) {
        myHTML += '<span class="test">Pineapple</span><br/>';
    } else if (i % 5 == 0) {
        myHTML += '<span class="test">Apple</span><br/>';
        } else if (i % 3 == 0) {
          myHTML += '<span class="test">Pine</span><br/>';
        } else {
        myHTML += '<span class="test">' + (i ) + '</span><br/>';
    }
  }
  wrapper.innerHTML = myHTML
}

推荐阅读