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

Question

[Vladislav]

Фильтрация работает, но вот если нажать на Все то добавляется всем блокам класс none
сам код

let filterBox = document.querySelectorAll('.js-box-filter');
let filterActive = document.querySelectorAll('.js-filter-wrap a')

document.querySelector('.js-filter-wrap').addEventListener('click', (event) => {
    event.preventDefault()

    if (event.target.tagName !== 'A') return false;
    let filterBtn = event.target.dataset['filter'];

    filterBox.forEach(elem => {
        elem.classList.add('none');

        if (filterBtn === elem.dataset['work']) {
            elem.classList.remove('none');
        }
        
        

        if (filterBtn !== elem.getAttribute('data-work') == 'all') {
            elem.classList.remove('none');
            console.log(filterBtn);
        }
    });

});

filterBox - сами фильтрованные элементы
filterBtn - кнопки фильтрации
атрибут у элеметов data-work=""
атрибут у кнопко фильтров
data-filter=""

Answer 1

[0xD34F]

filterBox.forEach(n => {
  n.classList.toggle('none', ![ 'all', n.dataset.work ].includes(filterBtn));
});

Comments

[Vladislav]

0xD34F спасибо большое, подскажите пожалуйста, что это значит ![ 'all', n.dataset.work ].includes(filterBtn)

[0xD34F]

Vladislav, что конкретно вам тут непонятно?

[Vladislav]

0xD34F, именно эта строка, понятно, что добавляется и удалятся тоглом класс, но если не все ![ 'all',, то дальше не особо пойму

[0xD34F]

Vladislav, то есть, ничего не понятно. Порядок действий тут такой: сначала создаётся массив, затем вызывается метод, в конце выполняется оператор отрицания.