<div class="TabButton tab__label" tab-number="0">
                       <div class="grid3_2"></div>
                       <div>Прайс</div>
                   </div>

document.addEventListener("click", function (event) {
   if (event.this.className == "TabButton tab__label") {
       let numTab = event.this.getAttribute("tab-number");
       let tabLabel = document.querySelectorAll(".TabButton");
       for (let i = 0; i < tabLabel.length; i++) {
           tabLabel[i].classList.remove("activeTab");
       }
       event.this.classList.add("activeTab");
       let tabContent = document.querySelectorAll(".TabContent");


       for (let i = 0; i < tabContent.length; i++) {
           if (numTab == i) {
               tabContent[i].style.display = "flex";
           } else {
               tabContent[i].style.display = "none";
           }
       }
   }
});

почему onClick на документе?

что еще за event.this.className?

это точно работать не будет

там .target

event.target надо

А не, работает

почему ты просто не повесишь обработчик на ноду, в которой ты хочешь ловить клики?

А чё я их вечно в массив переделывал... Наверное для мап

Слишком сложно

Не сложнее чем искать где ты кликнул )

так не получится, как ты хочешь

на документ приходит одно событие и в event.target там будет самый верхний элемент

Сами вкладки работают, но евент клика неправильный

поэтому если в .TabButton.tab__label что-то лежит (ребенок) и человек кликом попадает по нему, то в document прилетит событие, где event.target ссылается на этого ребенка

поэтому твой if не сработает

Тогда нужно как-то искать атрибут родителя?

просто принципиально неправильный подход

найди все закладки и повесь на каждую событие