1
resposta

Erro com o addEventListener

No exercício de buscar os dados para a tabela está dando erro na linha 3. "Uncaught TypeError: Cannot read property 'addEventListener' of null at buscar-paciente.js:3" Eu verifiquei e não encontrei onde está o erro. Alguém pode me ajudar?

var botaoAdicionar = document.querySelector("#buscar-pacientes");

botaoAdicionar.addEventListener("click", function() {
    var xhr = new XMLHttpRequest();

    xhr.open("GET", "https://api-pacientes.herokuapp.com/pacientes");

    xhr.addEventListener("load", function() {

        if (xhr.status == 200) {
            var resposta = xhr.responseText;
            var pacientes = JSON.parse(resposta);

            pacientes.forEach(function(paciente) {
                adicionaPacienteNaTabela(paciente);
            });
        } else {
            console.log(xhr.status);
            console.log(xhr.responseText);
        }
    });

    xhr.send();
});
1 resposta

Keila, boa tarde!

Isso está ocorrendo pois o retorno da seguinte linha está nulo

var botaoAdicionar = document.querySelector("#buscar-pacientes");

Sente verificar se foi digitado o nome do ID, se realmente é um ID e não uma classe e se esse ID está na página HTML.

espero ter ajudado e bons estudos!