<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Location</title> </head> <body> My location is : <button id="btn1" onclick="getLocation()">Click</button> <p id="output"></p> <script type="text/javascript"> var output=document.getElementById("output"); function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition); } else{output.innerHTML="Geolocation is not supported by this browser.";} } function showPosition(position) { output.innerHTML="Latitude: " + position.coords.latitude + "<br />Longitude: " + position.coords.longitude; } </script> </body> </html>