for (let i = 0; i < this.slides.length; i++) {
const dot = document.createElement('div');
dot.className = 'dot';
const contDot = document.querySelector('.slide_dots');
contDot.append(dot);
}
let dotContainer = document.querySelector('.slide_dots');
let dotList = [... this.slides].map(slide => {
const dot = document.createElement('div');
dot.classList.add('dot');
dotContainer.appendChild(dot);
return dot;
});
console.log( dotList ); // [ <div></div>, <div></div>, <div></div>, ... ]