<!DOCTYPE html>
<html>
<head>
  <title>Geolocation Example</title>
</head>
<body>

<h2>Click to Get Your Location</h2>
<button onclick="getLocation()">Get Location</button>
<p id="output"></p>

function showError(error) {
    switch(error.code) {
      case error.PERMISSION_DENIED:
        alert("User denied the request for Geolocation.");
        break;
      case error.POSITION_UNAVAILABLE:
        alert("Location information is unavailable.");
        break;
      case error.TIMEOUT:
        alert("The request to get user location timed out.");
        break;
      case error.UNKNOWN_ERROR:
        alert("An unknown error occurred.");
        break;
    }
  }
</script>

</body>
</html>