Как создать несколько одинаковых элементов?

Question

[DeniSidorenko]

Есть такой код:

var count = example.array.length; // Выводит 5 элементов

Есть html wrapper:

<div class='dots-wrapper'></div>

Мне надо, чтобы в зависимости от длины массива в dots-wrapper создавались div.dots.

К примеру, мы получили количество в 5.
Тогда js генерирует такую структуру:

<div class='dots-wrapper'>
  <div class='dot'></div>
  <div class='dot'></div>
  <div class='dot'></div>
  <div class='dot'></div>
  <div class='dot'></div>
</div>

Проще говоря: количество dot'ов = количество элементов массива.

Answer 1

[0xD34F]

const dotsCount = 10;
const dotHTML = '<div class="dot"></div>';


wrapperEl.innerHTML = Array(dotsCount).fill(dotHTML).join('');
// или
wrapperEl.innerHTML = Array(dotsCount + 1).join(dotHTML);
// или
wrapperEl.innerHTML = dotHTML.repeat(dotsCount);

Answer 2

[Егор Живагин]

for (var i = 0; i < example.array.length; i++ ) {
// код создания элемента
}