JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="city" />
<input type="button" value="submit" onclick="httpGet()" />
<div id="placeholder"></div>

JavaScript

function httpGet() {
    var xmlHttp = null;
    var x = document.getElementById("city").value;
    var url = "http://api.openweathermap.org/data/2.5/find?q=chennai&units=metric&mode=json";
    xmlHttp = new XMLHttpRequest();
    xmlHttp.open("GET", url, false);
    xmlHttp.send();
    var obj1 = JSON.parse(xmlHttp.responseText.toString());
    document.getElementById("placeholder").innerHTML = obj1.message + " " + obj1.list[0].name;

}