javascript - 如何为用JavaScript创建的每个DIV制作不同的innerText？

我在JS中有一个小问题。我需要用for函数创建大约七个DIV，但是每个div的内容（这里是innerText）必须不同。有什么方法可以通过函数来​​完成操作，而无需手动修改每个div？如果将其放在for函数中，则innerText将相同。
下面是我的代码：

for (let i = 0; i < 7; i++) {
      const innerDiv = document.createElement("div");
      innerDiv.id = "innerDivID";
      innerDiv.classList.add("innerDivClass");
      innerDiv.innerText = 1;
      outsideCaroussel.appendChild(innerDiv);
}

注意：Caroussel外是包装器中的另一个div。

最佳答案

至少您应该将i作为文本输入div：

for (let i = 0; i < 7; i++) {
      const innerDiv = document.createElement("div");
      innerDiv.id = "innerDivID";
      innerDiv.classList.add("innerDivClass");
      innerDiv.innerText = i;
      outsideCaroussel.appendChild(innerDiv);
}