srkiNZ84/geolocation.html

## geolocation.html
<html>
  <head>
    <title>Geolocation</title>
  </head>
  <body>
    <script>
      if ("geolocation" in navigator){
        console.log("Geolocation available");
        navigator.geolocation.getCurrentPosition(success, error);
      }
      else {
        console.log("Geolocation NOT available");
      }

      function success(pos) {
        var crd = pos.coords;
        var lat = document.getElementById("latitude");
        var longitude = document.getElementById("longitude");
        var acc = document.getElementById("accuracy");
        console.log('Your current position is:');
        console.log(`Latitude : ${crd.latitude}`);
        lat.innerHTML = crd.latitude;
        console.log(`Longitude: ${crd.longitude}`);
        longitude.innerHTML = crd.longitude;
        console.log(`More or less ${crd.accuracy} meters.`);
        acc.innerHTML = crd.accuracy;
      }

      function error(err) {
        console.warn(`ERROR(${err.code}): ${err.message}`);
      }

    </script>
    <p>
      Hi there! Your location is:<br />
      Latitude: <div id="latitude"></div><br />
      Longitude: <div id="longitude"></div><br />
      Accuracy: <div id="accuracy"></div><br />
    </p>
  </body>
</html>
	<html>
	<head>
	<title>Geolocation</title>
	</head>
	<body>
	<script>
	if ("geolocation" in navigator){
	console.log("Geolocation available");
	navigator.geolocation.getCurrentPosition(success, error);
	}
	else {
	console.log("Geolocation NOT available");
	}

	function success(pos) {
	var crd = pos.coords;
	var lat = document.getElementById("latitude");
	var longitude = document.getElementById("longitude");
	var acc = document.getElementById("accuracy");
	console.log('Your current position is:');
	console.log(`Latitude : ${crd.latitude}`);
	lat.innerHTML = crd.latitude;
	console.log(`Longitude: ${crd.longitude}`);
	longitude.innerHTML = crd.longitude;
	console.log(`More or less ${crd.accuracy} meters.`);
	acc.innerHTML = crd.accuracy;
	}

	function error(err) {
	console.warn(`ERROR(${err.code}): ${err.message}`);
	}

	</script>
	<p>
	Hi there! Your location is:<br />
	Latitude: <div id="latitude"></div><br />
	Longitude: <div id="longitude"></div><br />
	Accuracy: <div id="accuracy"></div><br />
	</p>
	</body>
	</html>