/*==================== QUALIFICATION TABS ====================*/
const tabs = document.querySelectorAll(['data-target']),
tabContents = document.querySelectorAll(['data-content'])
tabs.forEach(tab =>{
tab.addEventListener('click', () =>{
const target = document.querySelector(tab.dataset.target)
tabContents.forEach(tabContent =>{
tabContent.classList.remove('qualification__active')
})
target.classList.add('qualification__active')
tabs.forEach(tab =>{
tab.classList.remove('qualification__active')
})
tab.classList.add('qualification__active')
})
})
<div class="qualification__tabs">
<div class="qualification__button button--flex qualification__active" data-target="#education">
<i class="uil uil-graduation-cap qualification__icon"></i>
Education
</div>
<div class="qualification__button button--flex" data-target="#work">
<i class="uil uil-briefcase-alt qualification__icon"></i>
Work
</div>
</div>
Same things as on video but when I try on browser doesn't click.