JSFiddle - React, Tailwind, and code Playground

by TrySpace

HTML

<DIV id="main" >main</DIV>

JavaScript

$.getJSON("http://www.cube.dj/db/getJSON.php", {queryString: ""+hypercubeID+""},
    
        function(data)
        {
            
            jsn = JSON.stringify(data);
            //$("#hyperCube-2").html(jsn);
            //consoleOut("JSON: "+jsn);
    $.each(data, function(keys, vals)
        {
                
        var items = [];
        
        
         $.each(data[keys], function(key, val) 
         {
            
            var currString = JSON.stringify(val);
            //var currString = val;
            switch (key)
            {
            case "ID":                
                console.log("ID: "+currString+" loaded");
            break;                                        
            
            case "parentIDs":
                    
                console.log("parentIDs: "+currString);
            break;
            case "UID":
                console.log("UID: "+currString);
                UID = unquote(currString);
            break;
            case "title":
                console.log("Title: "+currString);
                items.push('<H1 class="' + key + '">' + unquote(currString) + '</H1>');
            break;
            case "img":
                console.log("IMG: "+currString);
                //currString = JSON.stringify(currString);
                if ($(currString).val() != '')
                {
                items.push('<IMG class="' + key + '" src='+currString+'></IMG>');
                
                };
            break;
            case "text":
                console.log("TXT: "+currString);
                //currString = JSON.stringify(currString);
                if ($(currString).val() != '')
                {
                items.push('<P class="' + key + '">'+currString+'</P>');
                
                };
            break;
            }
            
            
            
          });
          consoleOut("---------");
            
        
          $('<DIV/>', {
            'id':...