JSFiddle - React, Tailwind, and code Playground

by Rich Costello

HTML

<div id="placeholder1"></div>
<div id="placeholder"></div>
<div id="placeholder2"></div>

JavaScript

var menuitems={"levels":[
        {
            "parent":"Game",
            "child": [
            ]
                    },
         {
            "parent":"Community",
             "child": [
            ]
                    },
         {
            "parent":"Media",
             "child": [
            ]
                    },
         {
            "parent":"Forums",
             "child": [
                  {"title":"Gameplay"},
                  {"title":"Classes",
                   "subchild":[
                       {"title":"Barbarian"},
                       {"title":"Demon Hunter"},
                       {"title":"Monk"},
                       {"title":"Witch Doctor"}
                   ]                  
                  },
                  {"title":"Relations"},
		          {"title":"Support"}
             
             ]
                    },
        {
            "parent":"Services",
            "child": [
            ]
         
        }
]}


document.getElementById("placeholder1").innerHTML=menuitems["levels"][4]["parent"]
document.getElementById("placeholder").innerHTML=menuitems["levels"][3]["child"][0]["title"];
document.getElementById("placeholder2").innerHTML=menuitems["levels"][3]["child"][1]["subchild"][2]["title"];