Uncaught TypeError: Cannot read property 'addEventListener' of null at buscar-pacientes.js:3 (anonymous) @ buscar-pacientes.js:3qui
Uncaught TypeError: Cannot read property 'addEventListener' of null at buscar-pacientes.js:3 (anonymous) @ buscar-pacientes.js:3qui
Boa noite!
Possivelmente está utilizando o método addEventListener de um objeto nulo. Seria bom colocar a parte do código do arquivo buscar-pacientes.js pra entender melhor.
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() {
var erroAjax = document.querySelector("#erro-ajax");
if (xhr.status == 200) {
erroAjax.classList.add("invisivel");
var resposta = xhr.responseText;
var pacientes = JSON.parse(resposta);
pacientes.forEach(function(paciente) {
adicionaPacienteNaTabela(paciente);
});
} else {
erroAjax.classList.remove("invisivel");
}
});
xhr.send();
});
Você tem que adicionar o botão no arquivo HTML.
<button id="buscar-pacientes" class="botao bto-principal">Buscar Paciente</button>
Olá! Caso esteja posicionando a inclusão do código js antes do html, tenta inverter. Coloca a inculsão no final do código html.
<script src="js/buscar-pacientes.js" ></script>