Javascript 当前与JS ES6的活动链接

我目前正试图修复我的导航栏，以便当前链接将有一个“活动”类应用于它

我已经成功地设置了切换，但我真的很难找到关于如何清除其他链接类的资源

这里的所有内容似乎主要集中在JQuery上，这是我有意避免的

这是我的密码：

<div class="navbar">
        <a href="#" class="toggle" id="nav-hamburger">
            <i class="fas fa-bars"></i>
            <a href="#" class="brand">Appeal Digital</a>
        </a>
        <div class="links">
                <a href="#" class="link active">Home</a>
                <a href="#" class="link">Who are we?</a>
                <a href="#" class="link">Meet the Team</a>
                <a href="#" class="link">Contact Us</a>
        </div> 
    </div>


const toggleBtn = document.querySelector('#nav-hamburger');
toggleBtn.addEventListener('click', (el) => {

    //TOGGLE NAV BUTTON
    const links = document.querySelector('.links');
    links.classList.toggle('links-show');
});

const links = document.getElementsByClassName('link');

for(let el of links) {

    el.addEventListener('click', (e) => {
        el.classList.remove('active');
        el.classList.toggle('active');    

    });
}

const-toggleBtn=document.querySelector（'nav-hamburger'）；
toggleBtn.addEventListener（'click'，（el）=>{
//切换导航按钮
const links=document.querySelector（'.links'）；
links.classList.toggle（'links-show'）；
});
const links=document.getElementsByClassName（'link'）；
对于（让el的链接）{
el.addEventListener（'单击'，（e）=>{
el.classList.remove（'active'）；
el.classList.toggle（'active'）；
});
}

如果单击菜单链接并为单击的链接设置.active类，我将删除所有.active类

constlinks=document.queryselectoral（'.links>a'）；
常量changeActive=（e）=>{
[…links].forEach（link=>link.classList.remove（'active'）；
e、 target.classList.add（'active'）；
}
[…links].forEach（e=>e.addEventListener（'click'，changeActive））
.active{
字体大小：粗体；
}
请注意：您应该将最后一行更改为
[…links].forEach（link=>link.addEventListener（“单击”，changeActive））以使其工作。