用forEach,function表达一个选项卡

我可以回答这个问题。以下是一个使用forEach和function表达的选项卡：

const tabs = document.querySelectorAll('.tab');
const contents = document.querySelectorAll('.content');

tabs.forEach((tab, index) => {
tab.addEventListener('click', () => {
tabs.forEach((tab) => {
tab.classList.remove('active');
});
contents.forEach((content) => {
content.classList.remove('active');
});
tab.classList.add('active');
contents[index].classList.add('active');
});
});

这段代码会为每个选项卡添加一个点击事件，当点击选项卡时，它会将所有选项卡和内容的活动类删除，然后将当前选项卡和内容添加活动类。