Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Erro na função addEventListener()

Oi pessoal, tudo bem? Quando o navegador tenta executar esse trecho:

var botao = document.querySelector("#adicionar-paciente");
botao.addEventListener("click", function(event) {
    event.preventDefault();
    console.log("Vc clicou em mim, o famoso botão adicionar!!");
});

aparece o erro : "Uncaught TypeError: Cannot read property 'addEventListener' of null"

Vi que alguém já postou sobre isso, mas eu não estou conseguindo enxergar onde estou errando; no index.html existe o id "adicionar-paciente":

<button id="adicionar-paciente" class="botao bto-principal">Adicionar</button>

Obrigado.

3 respostas

Oi Luiz, tudo bem?

Esse erro sempre é pq o JS nao ta achando o elemento.

Você está importando o script antes de fechar a tag body? Se está chamando no <head> o elemento adicionar-paciente nao foi carregado ainda, e por isso que mesmo com o ID igual não está o encontrando.

Espero ter ajudado,

Abcs!

solução!

E aí Natan, blz? Muito obrigado pela ajuda!!! Estava importando o script ANTES de criar o formulário "Adicionar novo Paciente". Aí fica muito difícil, né... Valeu!!!

Oi Luiz,

Boa! Que bom que resolvemos!

Normalmente colocávamos scripts em cima mesmo, mas hoje em 90% dos casos chamamos ali logo antes de fechar a tag body mesmo.

Bons estudos!

Abcs!