Salut les kheys, je fais une fonction qui va filtrer des éléments du DOM en utilisant simplement un système de classe, le soucis, est que le paramètre de ma fonction el donne un undefined je ne comprends pas, j'ai jamais eu ce soucis auparavant voici le code :

const buttons = document.querySelectorAll('.kc-filtrestuiles--filters button');
const elements = document.querySelectorAll('.kc-filtrestuiles--content article');


    const filter = el =>{
    for(j=0;j<elements.length;j++){
        if(elements[j].classList.contains(el)){
            elements[j].classList.toggle('revealed');
        }
        else {
            elements[j].classList.remove('revealed');
            elements[j].classList.add('hidden');
        }
    }
   }

    for(i=0;i<buttons.length;i++){
        buttons[i].addEventListener('click', function(){
            filter(buttons[i]);
        }
    , false);
    }

Tu peux nous donner un programme minimal qui fonctionne, donc html + js pour pouvoir tester

Verifie que ta liste d’elements ne soit pas vide ?

Sinon pour répondre à ta question, tu injectes de l'html (buttons[i]) dans ta fonction filter et tu check si ton element a une classe égale à cet html (elements[j].classList.contains(el)).
En somme t'es en train de faire elements[j].classList.contains(buttons[i])) = aucun sens.

Avec typescript t'aurais eu à écrire

    const filter = (el: HTMLDivElement) =>{
    for(j=0;j<elements.length;j++){
        if(elements[j].classList.contains(el)){
            elements[j].classList.toggle('revealed');
        }
        else {
            elements[j].classList.remove('revealed');
            elements[j].classList.add('hidden');
        }
    }
   }

et ça t'aurait tout de suite indiqué que ta comparaison n'avait pas de sens
en espérant que ça t'aide pour la suite

Tu prends de mauvaises habitudes, utilise l'event delegation pour ça et utilise typescript, ça t'évitera ce genre de désagréments

const btnContainer = document.querySelector('.kc-filtrestuiles--filters');

const onClick = (e) => {
  const target = e.target;

  if (target.tagName !== "BUTTON") return;

  const buttons = target.parentNode.querySelectorAll("button");
  buttons.forEach(
    (button) => button !== target && button.classList.remove("revealed")
  );

  target.classList.toggle("revealed");
};

btnContainer.addEventListener("click", onClick);