JSFiddle - React, Tailwind, and code Playground

JavaScript

var fileArr = new Array();
for (var i = 0; i < 12; i++) {
    var fileEl = "<a><img src=\"images/"+i+"\" /></a>";
    fileArr.push(fileEl);
}
var htmlArr = new Array();
htmlArr.push("<ul>");
for (var z = 0; z < fileArr.length; z++) {
    if (z == 0) {
        htmlArr.push("<li>");
        htmlArr.push("<div>");        
    }
    if (z !==0 && z % 3 === 0) {
        htmlArr.push("</div>");
        htmlArr.push("</li>");
        htmlArr.push("<li>");
        htmlArr.push("<div>");
    }
    htmlArr.push(fileArr[z]);
    if (z == fileArr.length-1) {
        htmlArr.push("</div>");
        htmlArr.push("</li>");
    }
}
htmlArr.push("</ul>");
var htmlOut = htmlArr.join("");
$("body").append(htmlOut);