JSFiddle - React, Tailwind, and code Playground

HTML

<button>Get Time!</button>

JavaScript

var currentPosition;
navigator.geolocation.getCurrentPosition(function(position) {
    currentPosition = position;
});

$(function(){
    var tzObject;
    $("button").click(function(){
        console.log(currentPosition);
        var dt = "lat="+currentPosition.coords.latitude +
                 "&lng="+currentPosition.coords.longitude +
                 "&username=demo"; //change to your uName
        
        $.get("http://api.geonames.org/timezoneJSON", dt, function(msg) {
            tzObject = msg;
            if(tzObject.time)
                alert(tzObject.time + " " + tzObject.timezoneId);
            else alert("Hourly request limit reached...try later");
        });
    });        
});