По сути remove должен убирать класс active у всех кнопок, а затем он должен присваиваться к активной, но почему-то не работает. Класс присваивается, но не убирается. Еще новичок в js, поэтому могу просто упускать что-то элементарное из виду. Кто поможет?
<div id="tabs">
<div class="tab-btn" data-btn="1">1</div>
<div class="tab-btn" data-btn="2">2</div>
<div class="tab-btn" data-btn="3">3</div>
<div class="tab-btn" data-btn="4">4</div>
</div>
const tabs = document.getElementById('tabs');
const contents = document.querySelectorAll('contents');
const changeClass = el => {
for(var i = 0; i < tabs.children.length; i++){
tabs.children[i].classList.remove('active');
}
el.classList.add('active');
}
tabs.addEventListener('click', e => {
var currTab = e.target.dataset.btn;
changeClass(e.target);
})