JSFiddle - React, Tailwind, and code Playground

by Lars Holm Jensen

HTML

<p>Click the button to get your coordinates.</p>

<button onclick="getLocation()">Try It</button>

<p id="demo"></p>

JavaScript

var x = document.getElementById("demo");

window.getLocation = function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
    } else { 
        x.innerHTML = "Geolocation is not supported by this browser.";
    }
}

window.showPosition = function showPosition(position) {
    x.innerHTML = "Latitude: " + position.coords.latitude + 
    "<br>Longitude: " + position.coords.longitude +
"<br>Accuracy: " + position.coords.accuracy;	
}