const contents = document.querySelectorAll('.content > div'); const buttons = document.querySelectorAll('.tabBtns button'); buttons.forEach((button, i) => { button.addEventListener('click', () => { buttons.forEach(button => button.classList.remove('active')); contents.forEach(content => content.classList.add('hide')); button.classList.add('active'); contents[i].classList.remove('hide'); }); });