Jmx0OyFET0NUWVBFIGh0bWwmZ3Q7CiZsdDtodG1sIGxhbmc9JnF1b3Q7ZW4mcXVvdDsmZ3Q7CiZsdDtoZWFkJmd0OwogICAgJmx0O21ldGEgY2hhcnNldD0mcXVvdDtVVEYtOCZxdW90OyZndDsKICAgICZsdDttZXRhIG5hbWU9JnF1b3Q7dmlld3BvcnQmcXVvdDsgY29udGVudD0mcXVvdDt3aWR0aD1kZXZpY2Utd2lkdGgsIGluaXRpYWwtc2NhbGU9MS4wJnF1b3Q7Jmd0OwogICAgJmx0O3RpdGxlJmd0O0xvY2F0aW9uIFRyYWNrZXImbHQ7L3RpdGxlJmd0OwombHQ7L2hlYWQmZ3Q7CiZsdDtib2R5Jmd0OwogICAgJmx0O2gxJmd0O0xvY2F0aW9uIFRyYWNrZXImbHQ7L2gxJmd0OwogICAgJmx0O2J1dHRvbiBpZD0mcXVvdDtnZXRMb2NhdGlvbiZxdW90OyZndDtHZXQgTG9jYXRpb24mbHQ7L2J1dHRvbiZndDsKICAgICZsdDtkaXYgaWQ9JnF1b3Q7bG9jYXRpb24mcXVvdDsmZ3Q7Jmx0Oy9kaXYmZ3Q7CgogICAgJmx0O3NjcmlwdCZndDsKICAgICAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnZ2V0TG9jYXRpb24nKS5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsICgpID0mZ3Q7IHsKICAgICAgICAgICAgaWYgKG5hdmlnYXRvci5nZW9sb2NhdGlvbikgewogICAgICAgICAgICAgICAgbmF2aWdhdG9yLmdlb2xvY2F0aW9uLmdldEN1cnJlbnRQb3NpdGlvbihzaG93UG9zaXRpb24pOwogICAgICAgICAgICB9IGVsc2UgewogICAgICAgICAgICAgICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2xvY2F0aW9uJykuaW5uZXJUZXh0ID0gJnF1b3Q7R2VvbG9jYXRpb24gaXMgbm90IHN1cHBvcnRlZCBieSB0aGlzIGJyb3dzZXIuJnF1b3Q7OwogICAgICAgICAgICB9CiAgICAgICAgfSk7CgogICAgICAgIGZ1bmN0aW9uIHNob3dQb3NpdGlvbihwb3NpdGlvbikgewogICAgICAgICAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnbG9jYXRpb24nKS5pbm5lclRleHQgPSBgTGF0aXR1ZGU6ICR7cG9zaXRpb24uY29vcmRzLmxhdGl0dWRlfSwgTG9uZ2l0dWRlOiAke3Bvc2l0aW9uLmNvb3Jkcy5sb25naXR1ZGV9YDsKICAgICAgICB9CiAgICAmbHQ7L3NjcmlwdCZndDsKJmx0Oy9ib2R5Jmd0OwombHQ7L2h0bWwmZ3Q7
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Location Tracker</title>
</head>
<body>
<h1>Location Tracker</h1>
<button id="getLocation">Get Location</button>
<div id="location"></div>
<script>
document.getElementById('getLocation').addEventListener('click', () => {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
document.getElementById('location').innerText = "Geolocation is not supported by this browser.";
}
});
function showPosition(position) {
document.getElementById('location').innerText = `Latitude: ${position.coords.latitude}, Longitude: ${position.coords.longitude}`;
}
</script>
</body>
</html>