Как фильтровать данные после клика на кнопку?

Question

[offsiderst]

сделали какой -то выбор в селекте
и нажимаем кнопку поиск - ненужные блоки удаляем
после выбора все - возвращаем
https://jsfiddle.net/vhjcdpsa/1/

Answer 1

[0xD34F]

document.querySelector('.btn--start').addEventListener('click', filterItems);
document.querySelector('select').addEventListener('change', e => e.target.value === 'all' && filterItems());

function filterItems() {
  const val = document.querySelector('select').value;

  document.querySelectorAll('.item').forEach(n => {
    n.style.display = [ n.dataset.elem, 'all' ].includes(val)
      ? 'block'
      : 'none';
  });
}

Comments

[offsiderst]

0xD34F, спасибо, такой нюанс. А не подскажете, как по клику сбросить- возвращать все? https://jsfiddle.net/o7Lueh9v/

[0xD34F]

offsiderst, установить соответствующий пункт в select'е, вызвать filterItems.

[offsiderst]

0xD34F, хорошо. но скрыть как то другому можно? просто все итемы в слайдере и не работает

это не новый вопрос, а по текущему

[0xD34F]

offsiderst, ничего ни про какой слайдер не знаю, и знать не хочу.

Answer 2

[Павел Корнилов]

Сделал для блока. Остальное по аналогии.