При подключении скриптов на страницу надо использовать атрибуты defer/async они позволяет выставить очередь загрузки и не загружать ваши скрипты пока не загрузятся внешние https://learn.javascript.ru/external-script

<p id="demo"></p>

document.addEventListener("DOMContentLoaded", function() { 


var x = document.getElementById("demo");

(function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
    } else { 
        x.innerHTML = "Geolocation is not supported by this browser.";
    }
}());

function showPosition(position) {
    x.innerHTML = "Latitude: " + position.coords.latitude + 
    "<br>Longitude: " + position.coords.longitude;
}


});

У вас все повторяется 2 раза, напишите функцию и вызовите ее два раза с нужными аргументами. Во первых вы не будете писать один и тот же код 2 раза, во вторых сможете вызывать функцию сколько угодно раз.