<script>
    // butonu seçelim
    // let button = document.getElementById('button');
    
    // butona tıklandığında bunu yakalayalım
    // button.onclick = function(){
  window.onload = (event) => {      
        // tarayıcının destekleyip desteklemediğine bakalım
        if (navigator.geolocation) {
            
            // Eğer kullanıcı izin vermiş ise showPosition fonksiyonu çalışacak
            navigator.geolocation.getCurrentPosition(showPosition);
            
        } else {
            x.innerHTML = "Geolocation tarayıcınızda desteklenmiyor.";
        }
        
    };

    // position ile gönderilen datayı alıyoruz
    function showPosition(position){
        
        // sonuçları göstereceğimiz etiketi seçtik
        let result = document.getElementById('result');
        
        // sonuçları etiketimizin içinde gösteriyoruz
        result.innerHTML = `Enlem: ${position.coords.latitude} <br>
                            Boylam: ${position.coords.longitude}`;
        
    }
</script>

<div id="result"></div>

Mobil konum izni yüzünden buton çalışmıyormuş.
Butona gerek kalmadan window.onload olayı da tamam. Geriye enlem ve boylamın 2 ayrı inputun valu alanı içinde göstermek kaldı. Bir javascriptten anlayan arkadaş el atarsa sevinirim.