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

Question

[RushV]

Здравствуйте!
Как добавить 'элементы div в массив arr?

let block = document.body.querySelector('.main button').onclick = btn;
function btn(){
        let divCol = document.createElement("div");
        divCol.classList.add("col-12","h-25","p-2","mb-2","border");
        document.body.querySelector('[data-content]').prepend(divCol);
        let arr = [];
        for(let el in divCol){
            arr.push(el)
    
        }
        console.log(arr);
        
};

Answer 1

[HardBot]

let block = document.body.querySelector('.main button').onclick = btn; 
 
function btn () { 
    let divCol = document.createElement("div"); 
    divCol.classList.add("col-12", "h-25", "p-2", "mb-2", "border"); 
    document.body.querySelector('[data-content]').prepend(divCol); 
 
    let arr = []; 
    arr.push(divCol);
 
    console.log(arr); 
}

Comments

[RushV]

HardBot, А я думал что выход будет таким примерно

Array [ div.col-12.h-25.p-2.mb-2.border
 ]
​
0: <div class="col-12 h-25 p-2 mb-2 border">
1: <div class="col-12 h-25 p-2 mb-2 border">
2: <div class="col-12 h-25 p-2 mb-2 border">
​
length: 3
​
<prototype>: Array []

Прошу прощения надо было сразу описать всё.

[HardBot]

RushV, так у тебя создаётся один блок.

[HardBot]

RushV,

let arr = [];
for (let i = 0; i < 3; i++) { 
    let divCol = document.createElement("div");  
    divCol.classList.add("col-12", "h-25", "p-2", "mb-2", "border");  
    document.body.querySelector('[data-content]').prepend(divCol);  
    arr.push(divCol); 
  }

[RushV]

HardBot, А как реализовать при каждом клике добавлять в массив?
Просто на странице добавляются блоки див. А можно как то сделать так

Array [ div.col-12.h-25.p-2.mb-2.border
 ]
​
0: <div class="col-12 h-25 p-2 mb-2 border">
1: <div class="col-12 h-25 p-2 mb-2 border">
2: <div class="col-12 h-25 p-2 mb-2 border">
​
length: 3

Просто возможно ли так сделать , если не то значит нет.

[HardBot]

RushV,

let arr = []; 
 
document.querySelector('.btn').addEventListener('click', () => { 
    let divCol = document.createElement("div"); 
    divCol.classList.add("col-12", "h-25", "p-2", "mb-2", "border"); 
    document.body.querySelector('[data-content]').prepend(divCol); 
    arr.push(divCol); 
 
    console.log(arr); 
});

[RushV]

HardBot, Вот именно хочу понять как всё работает)

[HardBot]

RushV, значит иди учись, а не брать чужой код и пытаться в нём что-то понять.

[RushV]

HardBot, Вот как раз и учусь по крайней мере пытаюсь. И это я сам как бы написал этот код.
Кажется я понял как работает не обязательно использовать цикл.
Спасибо огромное за помощь!

[HardBot]

RushV, прочитай, что такое цикл и что он делает. Все равно ты мимо попал, хаха