Breve descrição: Ao escrever código js, o console às vezes encontra esse erro, addEventListener não é uma função, dizendo que addEventListener não é uma função. O motivo específico é porque a fonte do evento para monitorar o evento está errada. A fonte do evento deve ser um elemento. , em vez de outros;
Portanto, devemos estar atentos na hora de obter elementos,
getElementsByClassName()、
getElementByTagName(),
O que se obtém é um array, mesmo que haja apenas um elemento que atenda à condição, ele é retornado na forma de um array.
por exemplo:
Saída do console:
A fonte do evento monitorado é um array, não um elemento, portanto, ao adicionar addEventListener() ao btn para escutar eventos, um erro será relatado. GetElementByTagName() é semelhante.
Você pode escrever assim, array [0], ou usar o método querySelector para resolvê-lo;
btn[0].addEventListener('click', function () {
console.log("enumerable");
})
const btnTwo = document.querySelector(".submitIpt")
btnTwo.addEventListener("click", (() => {
console.log("immediate");
}))