Как повесить обработчик событий только на элемент, без дочерних?
Отменить всплытие события в обработчике клика дочернего элемента с помощью event.stopPropagation()
document.querySelector('.close').addEventListener('click', function(e){
  e.stopPropagation()
  document.querySelector('.result').insertAdjacentHTML('beforeend', '<div>Close</div>');
});

Либо в обработчике делать проверку на то, на каком конкретно элементе произошёл клик.
Можно попробовать просто при нажатии использовать target:
const inner = document.querySelector('.close');
inner.addEventListener('click', ({ target }) => {
  console.log(target);
})