Code Online - الباشمبرمج

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Handling the Geolocation Errors and Rejections</title>
  </head>
  <body>
    <div id="location_result">
        
    </div>
    
    <button type="button" onclick="getLocation();">Get Location</button>
    
<script>
         
 var result; // Make global variable
         
 function getLocation() {
 
   // This variable for Store outputs
   result = document.getElementById("location_result");

// If geolocation is available
   if(navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(successCallback, errorCallback);
        
     result.innerHTML = "Getting User position information...";
 
   } else {

result.innerHTML = "Sorry, your browser doesn't support geolocation!";
     
   }
 };
         
  // Define callback function for successful
  function successCallback(position) {
    result.innerHTML = "Your current position is (" + "Latitude: " + position.coords.latitude + ", " + "Longitude: " + position.coords.longitude + ")";
  }
         
  // Define callback function for failed
  function errorCallback(error) {

if(error.code == 1) { // code 1 == PERMISSION_DENIED

result.innerHTML = "User denied the request for Geolocation.";

} else if(error.code == 2) { // code 2 == POSITION_UNAVAILABLE

result.innerHTML = "Location information is unavailable.";

} else if(error.code == 3) { // code 3 == TIMEOUT

result.innerHTML = "The request to get user location timed out.";

} else { // "else" here == UNKNOWN_ERROR

result.innerHTML = "Geolocation failed due to unknown error.";

}

}
</script>
   
   </body>
</html>