What is the exact meaning of Git Bash.

the js code was working in html file. but not working at js file

Begay

This JS code works properly in the .html file, but not working in .js file(external file). I would like to apply this JS code to each page, so planning to move it to .js file can anyone help me? I appreciate your time.

in .html file (this code working)

<script type="text/javascript">
    document.addEventListener("DOMContentLoaded", function () {
        navbar_height = document.querySelector(".navbar").offsetHeight;
        document.body.style.paddingTop = navbar_height + "px";
    });
    
    window.addEventListener("DOMContentLoaded", (event) => {
        var lastScrollTop = 0;
        jQuery(window).scroll(function () {
            var st = jQuery(window).scrollTop();
            if (st > lastScrollTop) {
                jQuery("nav.navbar:not(.navbar-transparent)").slideUp();
            } else {
                jQuery("nav.navbar:not(.navbar-transparent)").slideDown();
            }
            lastScrollTop = st;
        });
    });
    </script>

in .js file (this code not working)

$(document).addEventListener("DOMContentLoaded", function () {
    navbar_height = document.querySelector(".navbar").offsetHeight;
    document.body.style.paddingTop = navbar_height + "px";
});

$(window).addEventListener("DOMContentLoaded", (event) => {
    var lastScrollTop = 0;
    jQuery(window).scroll(function () {
        var st = jQuery(window).scrollTop();
        if (st > lastScrollTop) {
            jQuery("nav.navbar:not(.navbar-transparent)").slideUp();
        } else {
            jQuery("nav.navbar:not(.navbar-transparent)").slideDown();
        }
        lastScrollTop = st;
    });
});