Colocando o endereço url errado o sistema não intercepta o erro. No chrome já cai direto no erro:buscar-pacientes.js:27 GET https://api-pacientes.0herokuapp.com/pacientes net::ERR_CONNECTION_REFUSED (anonymous) @ buscar-pacientes.js:27
Abaixo o código js:
var botaoAdicionar = document.querySelector("#buscar-pacientes");
botaoAdicionar.addEventListener("click", function () {
    var xhr = new XMLHttpRequest();
    xhr.open("GET", "https://api-pacientes.0herokuapp.com/pacientes");
    xhr.addEventListener("load", function () {
        var erroAjax = document.querySelector("#erro-ajax");
        console.log(xhr.status);
        if (xhr.status == 200){
            erroAjax.classList.add("invisivel");
            var resposta = xhr.responseText;
            var pacientes = JSON.parse(resposta);
            pacientes.forEach(function (paciente) {
                adicionaPacientesTabela(paciente);
            });
        }else{
            erroAjax.classList.remove("invisivel");
        }
    });
    xhr.send();
});