JSFiddle - React, Tailwind, and code Playground

HTML

<body onload="runGeo()">
    You coordinates: Latitude=<span id="lat">?</span>deg - Longitude=<span id="lon">?</span>deg
    <div id="console" />
</body>

JavaScript

if (!navigator.geolocation) {
    $("console").textContent = "No geolocation capabilities found.";
    return;
}

navigator.geolocation.getCurrentPosition(function(position) {
    $("lat").textContent = position.coords.latitude;
    $("lon").textContent = position.coords.longitude;
    $("console").textContent = "Position fix!";
});