JSFiddle - React, Tailwind, and code Playground

HTML

<div id="output">
    <ul id="cities">        
    </ul>
</div>

JavaScript

$(document).ready(function () {
    var url = 'http://api.geonames.org/citiesJSON?north=44.1&south=-9.9&east=-22.4&west=55.2&lang=de&username=demo';
    
    $.get(url, function (data) {
        for (var key in data.geonames) {
            var item = '<li>'  + data.geonames[key].name + '</li>';
            $("ul#cities").append(item);
        }
    }, 'json');
});