JSFiddle - React, Tailwind, and code Playground

by copystar

HTML

<b>Where am I: according to Head First HTML5</b>
<br>
<div id="location">
    Your location will go here
</div>

JavaScript

window.onload = getMyLocation;
function getMyLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(displayLocation);
    } else {
        alert("Um, no geolocation support");
    }
}

function displayLocation(position) {
    var latitude = position.coords.latitude;
    var longitude = position.coords.longitude;
    
    var div= document.getElementById("location");
    div.innerHTML = "You are at Latitude: " + latitude + " , Longitude: " + longitude;
}