JSFiddle - React, Tailwind, and code Playground

by Alexander Malinov

HTML

<div class="myClass"></div>
<div class="myClass"></div>
<div class="myClass"></div>
<div class="myClass"></div>
<div class="myClass"></div>
<div class="myClass"></div>
<div class="myClass"></div>
<div class="myClass"></div>
<div class="myClass"></div>
<div class="myClass"></div>

JavaScript

const myDivsList = document.querySelectorAll('.myClass')
const myDivsCollection = document.getElementsByClassName('myClass')
console.log(myDivsList)
console.log(myDivsCollection)

var arr1 = [...myDivsList]
var arr2 = Array.from(myDivsList)
console.log(arr1, arr2)

var arr2 = [...myDivsCollection]
var arr3 = Array.from(myDivsCollection)
console.log(arr2, arr3)