JSFiddle - React, Tailwind, and code Playground

by vinodlouis

HTML

<div id="content"></div>

JavaScript

var arr =['April Bug Fix Study/A-000000027/Operational Procedure Manual/1572.pdf','April Bug Fix Study/Asia/April Bug Fix Site/Operational Procedure Manual/Drug Export Form.pdf', 'April Bug Fix Study/Asia/April Bug Fix Site/Subject 1/Insurance/Burp_Suit.docx','April Bug Fix Study/Asia/April Bug Fix Site/Subject 1/Trial Management Plan/GrantRequest.txt'];
var html="";

for(var i=0;i<arr.length;i++){
    var marleft = 0;
    var inarr = arr[i].split("/");
    for(var j=1;j<inarr.length;j++){
        html += "<div style='margin-left:" + marleft + "px;'>" + inarr[j] + "</div>";
        marleft += 15;
    }
    $("#content").html(html);
}