Javascript DOM событие игнорируется браузером

Question

Я действительно запутался, работает щелчок другого элемента, кроме этого,

        var chatPop = document.createElement('div'),
        chatClose = document.createElement('button');

        chatPop.classList.add('chat-pop')

        chatClose.appendChild(document.createTextNode('X'));
        chatClose.onclick = () => $c('chat-pop')[0].remove()
        chatHeader.appendChild(chatClose)
        chatPop.appendChild(chatHeader)
        document.body.appendChild(chatPop)

и событие onclick отсутствует

Answer 1

Есть некоторые проблемы, которые вам нужно исправить в вашем скрипте.

• Переменная chatHeader равна undefined.
• Удалите c из $c('chat-pop')[0].remove() и добавьте . в селектор, например: $('.chat-pop')[0].remove().
• Включили ли вы jQuery в свой html?Вам нужен JQuery, чтобы использовать функцию $.Вы также можете заменить $('.chat-pop')[0].remove() на document.getElementsByClassName('chat-pop')[0].remove().

var chatPop = document.createElement('div'),
    chatHeader = document.createElement('div'),
    chatClose = document.createElement('button');

chatPop.classList.add('chat-pop')
chatClose.appendChild(document.createTextNode('X'));
chatClose.onclick = () => document.getElementsByClassName('chat-pop')[0].remove()
chatHeader.appendChild(chatClose)
chatPop.appendChild(chatHeader)
document.body.appendChild(chatPop)