Как мы можем получить выбранное меню с несколькими страницами

Пожалуйста, смотрите нижеприведенный скриншот

Я хочу, чтобы при нажатии на страницу View contacts, которая перенаправляет меня на другую страницу, выбиралось это меню контактов. (см. скриншот-2)

Для меню контактов оно работает нормально, если я нажимаю на меню контактов, но если я нажимаю на просмотр контактов, оно не показывает мне выбранное меню контактов. Так как я могу получить выбранное меню, если я нахожусь на другой странице? В основном я хочу, чтобы эта функциональность была для всех меню.

Вот код :

javascript

<script>

   const currentLocation = location.href;
   const menuItem = document.querySelectorAll('.sidebar-menu a');
   const menuLength = menuItem.length
    for(let i=0; i<menuLength;i++){

       if(menuItem[i].href === currentLocation){
         alert("in if condition");
         alert(menuItem[i].href);
          menuItem[i].className = "active"
       }

код сайдбара-менюбара

                <div class="sidebar">
                   <div class="sidebar-logo">
                 <a href="#"> <img src="{% static 'images/paramLogo_sideBar.png' %}" alt=""></a>
                </div>
              <div class="sidebar-menu">
                 <ul>
                     <li>
                    <a class="nav-link homecls" href="{% url 'home' %}"> <img class="sidebar-icon" src="{% static 'images/home.png' %}" alt="">Home</a>
                        </li>
                         <li>
                   <a class="nav-link contactscls" href="{% url 'broadcastlist' %}"> <img class="sidebar-icon" src="{% static 'images/contacts.png' %}" alt="">Contacts</a>
                        </li>
                         <li>
                   <a class="nav-link messagescls" href="{% url 'howToSend' %}"> <img class="sidebar-icon" src="{% static 'images/messages.png' %}" alt="">Messages</a>
                  </li>
                <li>
               <a class="nav-link dashboardcls" href="{% url 'dashboardSMS' %}"> <img class="sidebar-icon" src="{% static 'images/dashboardIcon.png' %}" alt="">Dashboard</a>
                 </li>
                  </div>
  

Вернуться на верх