Как сделать фон кликабельным js?
d=document.querySelector("#bg");
d.onclick = function(e) {
  if (e.target !== this)
    return;
 alert("click")
}
 Попробуйте так
d.addEventListener('click', evt => {
  if (evt.target === d) {
    alert('bingo')
  }
});
Почитайте о всплытии событий. У вас сейчас срабатывает на все события, в том числе те, что всплыли из  дочерних элементов.

Всплывают все, но по event.target можно определить где именно был клик
snippet