JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test"><div>

CSS

.mydiv {
    float: left; border: 2px solid black; width: 50px; height: 50px; margin: 5px;
}

JavaScript

var list = [];
	
    // first loop create and store elements
	for (var i = 1; i <= 5; i++) {
		
        var container = document.getElementById("test");
		
        var element = document.createElement('div');
        element.id = 'test-' + i;
        element.className = 'mydiv';
        element.appendChild(document.createTextNode(i));
        
        container.appendChild(element);
		
		list.push(element);
	}
	
    // second loop use stored elements
	for (var x=0; x<list.length; x++) {
		list[ x ].style.backgroundColor = 'yellow';
	}