javascript - 如何在 Javascript 中克隆一个正方形

Question

我为网络开发学校做了一个练习，它告诉我:“如何克隆一个正方形 7 次，并将其数量增加 1(然后从 1 增加到 8)。

我认为我需要一个“while”循环，递增直到 i = 8，但我不确定。另外，我可以创建一个内部包含 html 元素的变量，然后尝试复制它吗？

Answer 1

// create the first square and insert it into doc
const square = document.createElement('div');
square.style.width = '50px';
square.style.height = '50px';
square.style.margin = '10px';
square.style.backgroundColor = 'blue';
square.innerText = 1;

document.body.appendChild(square);

// simple cycle where i begins from needed number
for (let i = 2; i < 9; i++) {
  const clone = square.cloneNode();
  clone.innerText = i;
  document.body.appendChild(clone);
}