Kan ikke få men menu til at virke

Jeg har rodet nogle dage med at få en responsive menu til at virke, men uden held, menuen vil ikke åbne, dvs der sker igenting når jeg trykker på ikonet, prøver firefox, chrome og IE browsere. Jeg håber der er en herinde der kan hjælpe.

viewport metatag er lagt i header sektionen.


min html ser sådan ud:

<nav class="nav">
  <ul class="nav-list">
    <li class="nav-item"><a href="#">Home</a></li>
    <li class="nav-item"><a href="#">About</a></li>
    <li class="nav-item"><a href="#">Services</a></li>
    <li class="nav-item"><a href="#">Portfolio</a></li>
    <li class="nav-item"><a href="#">Testimonials</a></li>
    <li class="nav-item"><a href="#">Contact</a></li>
  </ul>
  <div class="nav-mobile nav-mobile-open"></div>
</nav>

min javascript ser således ud:(er lagt ind lige inden body lukke tag:

<script>
        (function () {
       
            // Create mobile element
            var mobile = document.createElement('div');
            mobile.className = 'nav-mobile';
            document.querySelector('.nav').appendChild(mobile);
       
            // hasClass
            function hasClass(elem, className) {
                return new RegExp(' ' + className + ' ').test(' ' + elem.className + ' ');
            }
       
            // toggleClass
            function toggleClass(elem, className) {
                var newClass = ' ' + elem.className.replace(/[\t\r\n]/g, ' ') + ' ';
                if (hasClass(elem, className)) {
                    while (newClass.indexOf(' ' + className + ' ') >= 0) {
                        newClass = newClass.replace(' ' + className + ' ', ' ');
                    }
                    elem.className = newClass.replace(/^\s+|\s+$/g, '');
                } else {
                    elem.className += ' ' + className;
                }
            }
       
            // Mobile nav function
            var mobileNav = document.querySelector('.nav-mobile');
            var toggle = document.querySelector('.nav-list');
            mobileNav.onclick = function () {
                toggleClass(this, 'nav-mobile-open');
                toggleClass(toggle, 'nav-active');
            };
        })();
        </script>