Невозможно скопировать массив кнопок в другой массив в Javascript

Question

Я не могу понять, почему здесь не сохраняется копия предыдущего массива.

код

console.log(buttons);

var copybtns = [];
for (let i = 0; i < buttons.length; i++) {
copybtns = buttons[i];
    
}

console.log(copybtns);

и я получаю это в своей консоли

My dull html code

     Случайно  Красный  Синий  Черный  Сброс    0  1  2  3  4    

Я был смотрю tutoprial, но написал тот же код, но я не знаю, почему он не работает

Мне нужен такой результат введите описание изображения здесь

Answer 1

Вы можете просто использовать функцию forEach, используя метод querySelectorAll, чтобы сохранить кнопку в вашем пустом массиве copybtns

Fiddle Demo: https://jsfiddle.net/efxwbtyu/

//get all buttons
let buttons = document.querySelectorAll('button')

//Original buttons
console.log(buttons)

//store
var copybtns = [];

//foreach
buttons.forEach((data) => copybtns.push(data))

//log the array data
console.log(copybtns);

<button>0</button>
<button class="btn btn-primary">1 </button>
<button class="btn btn-danger">2</button>
<button class="btn btn-dark">3</button>
<button class="btn btn-warning">4</button>