change a div class with JS and an event listener

Asked Aug 13 '21 at 09:05

Active Aug 13 '21 at 12:05

Viewed 30 times

I'm trying to simply change the class of a div with an event listener, but it returns:

Uncaught TypeError: Cannot read property 'addEventListener' of null.

Html code:

<div class="menuList" > 

  

...(rest of the menu, 145 lines of html, no mistake) 

  

<button class="menuHamburger menuListElementButton"> 

    <a href="" class="reducedMenubutton"> &#9776;</a> 

</button>

Javascript:

document.querySelector('.reducedMenubutton').addEventListener('click',classMenu); 

function classMenu() { 
   const $class= document.querySelector('.menuList'); 
   $class.classList.replace("menuList","menuListVertical"); 
};

The function is working but i don't see why the onclick doesn't. I look for a solution for hours. Any clue is welcome