@Viktoriya_700067

Переменная changeClass уже объявлена для tabs. Как правильно прописать changeClass для buttons?

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');
        }
    }
})
  • Вопрос задан
  • 44 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы