Java 脚本 - 为某些数组元素提供不同的颜色

Question

我正在尝试用JS做一些事情，但按照惯例，数组被证明是我存在的祸根......

我必须遍历从 1 到 100 的数字并在 HTML 中打印它们，每个除以 3 的数字都应该以红色显示，而所有其他数字都应该是黑色的。我尝试了很多事情，并试图找到如何做到这一点，但无法弄清楚。任何人都可以告诉我正确的方法是什么？

Answer 1

您可以使用以下代码来获取所需的内容。

for (let i = 1; i < 101; i++) {
    if(i % 3 == 0) {
       console.log('THREE');
    } else {
       console.log(i)
    }
}

如果需要将值写入文档，请将console.log更改为document.write

Answer 2

将 THREE 放在某个内联元素中，并添加 css 规则来更改颜色。用于打印列表的解决方案由杰克解释。（这样做不同，因为我可以。

const text = (new Array(100))
	.fill('')
	.map((_v, i) => (i % 3) === 0 ? `<b>THREE</b>` : i)
	.join('<br/>');
document.write(`<p>${text}</p>`)

b {
  color: red;
}

Answer 3

首先，遍历1到100的数字：

for (var i = 1; i <= 100; i++) {
    //Stuff will go here
}

然后，将数字i写入 HTML：

document.write(i);

最后，添加 if 语句：

if (i % 3) {
    document.write(i);
} else {
    document.write("THREE");
}

完整代码：

for (var i = 1; i <= 100; i++) {
  if (i % 3) {
    document.write(i + "<br>");
  } else {
    document.write("THREE<br>");
  }
}

编辑

以下是THREE红色的方法：

for (var i = 1; i <= 100; i++) {
  if (i % 3) {
    document.write(i + "<br>");
  } else {
    document.write("<span style='color: red;'>THREE</span><br>");
  }
}