//Use the Array.from() method to convert a nodelist or HTMLcollection into an array.</p> <p>let elements = document.getElementsByClassName(“classnameHere”);<br /> let arrayOfElements = Array.from(elements);</p> <p>//Now arrayOfElements is iterable with methods such as .forEach().

Array.from(elements);

/* convert HTMLCollection */<br /> const buttonsV1 = […document.getElementsByClassName(“modal-detail-movie”)]<br /> const buttonsV2 = Array.from(document.getElementsByClassName(“modal-detail-movie”))

function BoxAppearence() {<br /> var BoxCollection = document.getElementsByClassName(“Box”);<br /> var BoxArray = Array.from(BoxCollection);</p> <p> console.log(“### BoxCollection ###”);<br /> console.log(“Is ‘BoxCollection’ an array?”, Array.isArray(BoxCollection));<br /> console.log(BoxCollection);<br /> console.log(BoxCollection[12])<br /> console.log(‘\n\n’);<br /> console.log(“### BoxArray ###”);<br /> console.log(“Is ‘BoxArray’ an array?”, Array.isArray(BoxArray));<br /> console.log(BoxArray);<br /> console.log(BoxArray[12]);<br /> }</p> <p>BoxAppearence();

let arry = […htmlCollection]