Tengo un problema con el ultimo codigo no me muestra el error lo hice varias veces y no pude solucionarlo tengo la url de la api adulterada para generar error pero no consigo que muestre el status vi que a varios les pasa lo mismo si me pueden ayudar seria genial muchas gracias :
var botonBuscar = document.querySelector("#buscar-paciente");
botonBuscar.addEventListener("click", function () {
var xhr = new XMLHttpRequest();
xhr.open(
"GET",
"https://alura-es-cursos.github.io/api-pacientes1111/pacientes.json"
);
xhr.addEventListener("load", function () {
var errorAjax = document.querySelector("#error-ajax");
if (xhr.status == 200) {
errorAjax.classList.add("invisible");
var respuesta = xhr.responseText;
var pacientes = JSON.parse(respuesta);
pacientes.forEach(function (paciente) {
adicionarPacienteEnLaTabla(paciente);
});
} else {
errorAjax.classList.remove("invisible");
console.log(xhr.status);
console.log(xhr.responseText);
}
});
xhr.send();
});
