function initiate() {
  const element = document.getElementById("getlocation");
  element.addEventListener("click", getlocation);
}
function getlocation() {
  const geoconfig = {
    enableHighAccuracy: true,
    timeout: 10000,
    maximumAge: 60000
  };
  navigator.geolocation.getCurrentPosition(showinfo, showerror, geoconfig);
}
function showinfo(position) {
  const locationbox = document.getElementById("location");
  let data = "";
  data += "Latitude: " + position.coords.latitude + "<br>";
  data += "Longitude: " + position.coords.longitude + "<br>";
  data += "Accuracy: " + position.coords.accuracy + "m.<br>";
  locationbox.innerHTML = data;
}
function showerror(error) {
  alert("Error: " + error.code + " " + error.message);
}
window.addEventListener("DOMContentLoaded", initiate);