Как повесить обработчик только на родителя, но при попадании на дочерние элементы не выполнять?

Question

[Andre1997]

Есть блок и внутри текст
Как сделать так, чтобы при нажатии на внешнюю область мы закрывали блок, а при нажатии на текстовый блок, ничего не происходило?
https://jsfiddle.net/3rvu681L/2/

Answer 1

[Mesuti]

Answer 2

[Bromka]

let el = document.querySelector('.box')
el.addEventListener('click', function(ev) {
if (ev.target === el){
el.style.display = 'none'
}
})