Как добавить копию элемента несколько раз? JS

Мне нужно добавить в dotsContainer копию элемента с id="dot" несколько раз, но мой код добавляет только одну копию, а потом, как я понимаю, просто ее обновляет. Что мне делать ?

const copyDots = document.querySelector("#dot").cloneNode(true);

for (let i = 0; i <= x; i++) {
    dotsContainer.append(copyDots);
}

Ответы (1 шт):

Автор решения: Igor
for (let i = 0; i < x; i++) { 
  const copyDots = document.querySelector("#dot").cloneNode(true); 
  copyDots.id = 'dot_' + i;
  dotsContainer.append(copyDots); 
}
→ Ссылка