Как убрать элемент из события?

Question

[Ruslan]

Всем доброго время суток. У меня есть вот такой вот li, который создается в js:

task.innerHTML = `<b>${taskNameInput}</b><br/><i>${taskInput}</i><button class = 'item-btn'>Удалить</button>`

Мне нужно, чтобы при клике в любую точку , кроме button, срабатывало определенное событие, мой способ не работает, событие все равно срабатывает при клике на кнопку. Что не так?

document.querySelector('.task-item').addEventListener('click', function(ev){
        if (ev.target.tagName === 'LI' || 'B' || 'I' && ev.target.className != '.item-btn') {
            alert('dfdf')
        }

Answer 1

[MagnusDidNotBetray]

Что не так?

У кнопки есть класс item-btn но нет класса .item-btn

А вообще. проверки странные какие-то, можно проще.

({ target }) => {
  if(target.closest('.item-btn')) {
    return
  }
  // остальной код...
}

Comments

[Ruslan]

без точки так-же не получилось, второй вариант не понял