JSFiddle - React, Tailwind, and code Playground

by Rich Costello

HTML

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

JavaScript

var data={"users":[
        {
            "parent":"Game",
            "child": {
                 "sub1":""
                      }
                    },
         {
            "parent":"Community",
             "child": {
                 "sub1":""
                      }
            
                    },
         {
            "parent":"Media",
             "child": {
                 "sub1":""
                      }
                    },
         {
            "parent":"Forums",
             "child": {
                 "sub1":"test"
                      }          
                 },
        {
            "parent":"Services",
            "child": {
                 "sub1":""
                      }
         
        }
]};

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

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