JSFiddle - React, Tailwind, and code Playground

by chokchai

HTML

<div id="result" ></div>

JavaScript

var data = {
"USA":[{"country":"Albuquerque (ABQ)"},
        {"country":"Allentown (ABE)"}
        ],
"Canada":{"country":"Calgary (YYC)"},
"Hawaii":{"country":"Honolulu International Apt (HNL)"}
};

var output = [];
for(key in data){
   output.push(key);
    var li = [];
    if(data[key].length !== undefined){
        for(var i=0; i<data[key].length; i++){
          li.push('<li>'+data[key][i].country+'</li>');
        }
    } else {
        li.push('<li>'+data[key].country+'</li>');
    }
    output.push('<ul>'+li.join('')+'</ul>');
}

document.getElementById('result').innerHTML = output.join('');