Tabs Native JS

Tabs Native JS

(function () {
        let tabNav = document.querySelectorAll('.tab-list>li'),
            tabContent = document.querySelectorAll('.tab-content__item'),
            tabName;
        tabNav.forEach(function (item) {
            item.addEventListener('click', selectTabNav)
        });

        function selectTabNav() {
            tabNav.forEach(function (item) {
                item.classList.remove( ); // Удаляем активный укласс у элемента списка
            });
            this.classList.add( );  // Добавляем активный укласс у элемента списка
            tabName = this.getAttribute('data-tab');
            selectTabContent(tabName);
        }

        function selectTabContent(tab) {
            tabContent.forEach(function (item) {
                if (item.classList.contains(tab)) {
                    item.classList.add('tab-content__item--active');
                } else {
                    item.classList.remove('tab-content__item--active');
                }
            });
        }
    })();