Динамическое создание div через JS

Постараюсь объяснить что мне надо сделать. У меня есть json файл который я получаю с помощью GET запроса, после чего я создаю 10 div с помощью

var count = data.length;
var wrapperEl = document.querySelector('.dots-wrapper');
wrapperEl.innerHTML = Array(count).fill('<div id="img0" class="dot">1</div>').join('');

Теперь мне нужно чтобы после каждого созданного блока у него прибавлялся id.
Пример:

<div id="img0" class="dot">1</div>
<div id="img1" class="dot">1</div>
<div id="img2" class="dot">1</div>

и т.д.