Brauche hilfe.

[dont ScreaM]

Hallo,
ich weiß nicht wieso aber dieser Code macht Probleme:

  const checkFilter = () => {
  const filterElements = Array.prototype.slice.call(document.body.querySelectorAll('#fltr input'));
  const usedFilters = filterElements.filter(el => el.checked).map(el => el.value);

	document.body.querySelectorAll('[data-filters]').forEach(item => {
  	const itemFilters = item.getAttribute('data-filters').split(' ');
    const matches = itemFilters.some(filter => usedFilters.indexOf(filter) >= 0);
   
    item.style.display = matches ? 'block' : 'none';
  });
};

document.body.querySelector('#fltr').addEventListener('change', checkFilter)

checkFilter();

Wenn ich diesen Code lösche funktioniert alles, der muss aber drin sein.
Filter by Search - JSFiddle

 

[Fallwrrk]

Schau doch mal in die Konsole deines Browsers. Da wird dir ein "Cannot read property 'addEventListener' of null" zurückgegeben. Warum? Weil "document.body.querySelector('#fltr')" ein "Null" zurückliefert. Warum? Weil es kein Element mit der ID "fltr" im DOM gibt.