Как объединить два *.js в один?

Есть файл *.js для проекта из двух страниц. Часть кода для главной страницы выполняется, часть для внутренней - нет. Работает, только при подключении этих частей к страницам в виде отдельных файлов. В чем дело?

var link = document.querySelector(".contacts-btn");
        var popup = document.querySelector(".modal-write-us");
        var close = document.querySelector(".modal-close");
        var overlay = document.querySelector(".modal-overlay");
        var form = popup.querySelector("form");
        var name = popup.querySelector("[name=u-name]");
        var mail = popup.querySelector("[name=u-email]");
        var feedback = popup.querySelector("textarea");
        var openMap = document.querySelector(".map");
        var popupMap = document.querySelector(".modal-map");
        var closeMap = popupMap.querySelector(".modal-close");
        link.addEventListener("click", function(event) {
            event.preventDefault();
            popup.classList.add("modal-write-us-show");
            name.focus();
        });
        link.addEventListener("click", function(event) {
            event.preventDefault();
            overlay.classList.add("modal-overlay-show");
        });
        close.addEventListener("click", function(event) {
            event.preventDefault();
            popup.classList.remove("modal-write-us-show");
        });
        close.addEventListener("click", function(event) {
            event.preventDefault();
            overlay.classList.remove("modal-overlay-show");
            popup.classList.remove("modal-error");
        });
        form.addEventListener("submit", function() {
            if (!name.value || !mail.value || !feedback.value) {
                event.preventDefault();
                popup.classList.remove("modal-error");
      popup.offsetWidth = popup.offsetWidth;
                popup.classList.add("modal-error");
            } else {
                localStorage.setItem("name", name.value)
            };      
        });
        // Map Modal window
        openMap.addEventListener("click", function(event) {
            event.preventDefault();
            overlay.classList.add("modal-overlay-show");
        });
        openMap.addEventListener("click", function(event) {
            event.preventDefault();
            popupMap.classList.add("modal-map-show");
        });
        closeMap.addEventListener("click", function(event) {
            event.preventDefault();
            overlay.classList.remove("modal-overlay-show");
        });
        closeMap.addEventListener("click", function(event) {
            event.preventDefault();
            popupMap.classList.remove("modal-map-show");
        });
            // BOOK THE GOOD  - Не работает на Главной
    var buyIt = document.querySelector(".buy-it-btn");
    var bookIt = document.querySelector(".book-it-btn");
    var popupBuy = document.querySelector(".modal-order");
    var closePopup = document.querySelector(".modal-close");
    var closeToo = document.querySelector(".keep-on-btn");
    buyIt.addEventListener("click", function(event) {
        event.preventDefault();
        popupBuy.classList.add("modal-order-show");
        });
        bookIt.addEventListener("click", function(event) {
            event.preventDefault();
            popupBuy.classList.add("modal-order-show");
        });
        closePopup.addEventListener("click", function(event) {
            event.preventDefault();
            popupBuy.classList.remove("modal-order-show");
        });
        closeToo.addEventListener("click", function(event) {
            event.preventDefault();
            popupBuy.classList.remove("modal-order-show");
        });