const tabs = document.getElementById('tabs');
const content = document.querySelectorAll('.content');
const buttons = document.getElementById('buttons');
const information = document.querySelectorAll('.information');
console.log(buttons);
console.log(information);
const changeClass = el => {
for(let i = 0; i < tabs.children.length; i++) {
tabs.children[i].classList.remove('active');
}
el.classList.add('active');
}
console.log(content);
const changeClass = el => {
for(let i = 0; i < buttons.children.length; i++) {
buttons.children[i].classList.remove('active');
}
el.classList.add('active');
}
console.log(information);
tabs.addEventListener('click', e => {
const currTab = e.target.dataset.btn;
changeClass(e.target);
for(let i = 0; i < content.length; i++) {
content[i].classList.remove('active');
console.log(content[i].dataset.content);
if(content[i].dataset.content === currTab) {
content[i].classList.add('active');
}
}
})
buttons.addEventListener('click', e => {
const currTab = e.target.dataset.button;
changeClass(e.target);
for(let i = 0; i < information.length; i++) {
information[i].classList.remove('active');
console.log(information[i].dataset.information);
if(information[i].dataset.information === currTab) {
information[i].classList.add('active');
}
}
})