JSFiddle - React, Tailwind, and code Playground

by Rich Costello

HTML

<ul id="sidebarmenu1"></ul>

JavaScript

var data={"users":[
        {
            "parent":"Game",
            "child": [ ]
            
                    },
         {
            "parent":"Community",
             "child": [
            ]
                    },
         {
            "parent":"Media",
             "child": [
            ]
                    },
         {
            "parent":"Forums",
             "child": [
                  {"title":"Gamplay"},
                  {"title":"Classes",
                   "subchild":[
                       {"title":"Barbarian"},
                       {"title":"Demon Hunter"},
                       {"title":"Monk"},
                       {"title":"Witch Doctor"}
                   ]                  
                  },
                  {"title":"Relations"},
		          {"title":"Support"}
             ]
             
                    },
        {
            "parent":"Services",
            "child": [ ]
            
         
        }
]};

var output="<ul>";
for (var i in data.users) {
    output+="<li>" + data.users[i].parent + "</li>";
}

output+="</ul>";
document.getElementById("sidebarmenu1").innerHTML=output;