如何使功能添加从链接中删除类，但我不知道怎么了

Question

> const navItems = document.querySelectorAll('.main_nav_items li a');
for (var i=0; i < navItems.length; i++) {
    navItems[i].addEventListener('click', ()=> {
        navItems[i].classList.add('active_link');
    });
}

我尝试在make函数上单击添加类active_link并删除类，我做错了什么？我不知道该怎么做。 谢谢

<div class="main_nav">
<ul class="main_nav_items">
<li><a href="#" class="active_link">Home</a></li>
<li><a href="#">Discover</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Help</a></li>
</ul>
</div>