[Dúvida] Element button não interage com o click

O botão aparece e tudo certinho mas parece que ele não consegue interagir com a página.. No console do navegador também não diz nada sobre erro de sintaxe

    function criaElemento(item) {
            const novoItem = document.createElement('li')              
            novoItem.classList.add("item")

            const numeroItem = document.createElement('strong')
            numeroItem.dataset.id = item.id
            numeroItem.innerHTML = item.quantidade                           // recebendo os elementos 
            novoItem.appendChild(numeroItem)

            novoItem.appendChild(botaoDeleta())
            novoItem.innerHTML += item.nome

            lista.appendChild(novoItem)                                 //  passando para lista os elementos já capturados dos input´s 
    }

    limpar.addEventListener('click', () => {
            localStorage.clear()
            location.reload()
        })

    function atualizaElemento (item) {
        document.querySelector("[data-id='"+item.id+"']").innerHTML = item.quantidade
        }

        function botaoDeleta() {
            const elementoBotao = document.createElement('button')
            elementoBotao.innerText = "X"

            elementoBotao.addEventListener('click', function () {
                console.log("click")
            })
            return elementoBotao
        }

        function deletaElemento (tag) {
            tag.remove();
        }