所以我寫了一個函數(shù)，highlight每當我點擊一個特定的菜單項時添加一個類，highlight如果我點擊另一個菜單項則刪除該類我的問題是，當我將屏幕縮小到移動視圖時，該類highlight仍然適用，我不知道如何防止它出現(xiàn)？我使用了 window.innerWidth 但當我縮小屏幕時它似乎不起作用      const menu = document.querySelector('#mobile-menu');      const menuLinks = document.querySelector('.navbar__menu');      const activeMenu = e => {        const elem = document.querySelector('.highlight');         // adds 'highlight' class to my menu item here        if (window.innerWidth > 768) {          e.target.className = 'navbar__links highlight';        }                  // it doesn't remove the class 'highlight' when I shrink my screen        // this only removes the 'highlight' class if I click on a different menu item        if (elem || window.innerWidth < 768) {          elem.classList.remove('highlight');        }      };      menuLinks.addEventListener('click', activeMenu); // Tried to add resize event, but this didn't work, so not sure how  to write it       const removeActiveMenu = () => {        const elem = document.querySelector('.highlight');        if (window.innerWidth < 768) {          elem.classList.remove('highlight');        }      };      menuLinks.addEventListener('resize', removeActiveMenu);有誰知道如何防止我的highlight班級出現(xiàn)在 768 像素以下的屏幕尺寸上？我試圖在下面添加一個調(diào)整大小事件，但沒有成功，所以不確定我應該如何實現(xiàn)它？這是 HTML  // Realized my Logo isn't highlighting the home nav when I click it   <a href="#home" id="navbar__logo">COLOR</a>    <div class="navbar__toggle" id="mobile-menu">      <span class="bar"></span> <span class="bar"></span>      <span class="bar"></span>    </div>   <ul class="navbar__menu">      <li class="navbar__item">        <a href="#home" class="navbar__links" id="homePage">Home</a>      </li>      <li class="navbar__item">        <a href="#about" class="navbar__links" id="about-us">About  Us</a>      </li>      <li class="navbar__item">        <a href="#services" class="navbar__links"  id="service">Services</a>