Geolocation API

<!DOCTYPE html>
<html>
<body>

    <h3>Deteksi Lokasi Geografis (GPS)</h3>
    <button onclick="dapatkanLokasi()" style="background:#04AA6D; color:white; border:none; padding:8px 16px; border-radius:6px; cursor:pointer;">Dapatkan Koordinat Saya</button>
    <p id="hasilLokasi">Koordinat akan tampil di sini...</p>

    <script>
        function dapatkanLokasi() {
            const out = document.getElementById("hasilLokasi");
            if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(pos => {
                    out.innerHTML = "Lintang: " + pos.coords.latitude + "<br>Bujur: " + pos.coords.longitude;
                }, err => {
                    out.innerText = "Gagal membaca lokasi: " + err.message;
                });
            } else {
                out.innerText = "Browser Anda tidak mendukung Geolocation.";
            }
        }
    </script>

</body>
</html>