如何激活侧边栏菜单链接

<div class="sidebar">
  <ul>
    <li><a href="#" class="active">菜单项1</a></li>
    <li><a href="#">菜单项2</a></li>
    <li><a href="#">菜单项3</a></li>
  </ul>
</div>

.sidebar {
  background-color: #f2f2f2;
  padding: 10px;
}

.sidebar ul {
  list-style-type: none;
  padding: 0;
}

.sidebar li {
  margin-bottom: 5px;
}

.sidebar li a {
  display: block;
  padding: 5px;
  text-decoration: none;
  color: #333;
}

.sidebar li a.active {
  background-color: #ccc;
  color: #fff;
}

var menuItems = document.querySelectorAll('.sidebar li a');

menuItems.forEach(function(item) {
  item.addEventListener('click', function() {
    // 移除其他菜单项的激活类
    menuItems.forEach(function(item) {
      item.classList.remove('active');
    });
    // 添加激活类到当前点击的菜单项
    this.classList.add('active');
  });
});