Mensagem do span não aparece após inserir URL inválida.

Procurei no fórum e achei a mesma dúvida porém não encontrei nenhuma solução. Eu coloco a URL incorreta no xhr, e ele mostra no console que está errado, porém não exibe o texto da tag span em cima do botão, igual no vídeo do instrutor. Já chequei meu código e aparentemente está igual ao do instrutor. Agradeço.

var buscarPacientes = document.querySelector("#buscar-pacientes");
buscarPacientes.addEventListener("click", function(){

    var xhr = new XMLHttpRequest();
    xhr.open("GET","https://api-pacientes.he111rokuapp.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){
            adicionaPacientesNaTabela(paciente);
        });

        } else {

            erroAjax.classList.remove("invisivel");
        }


    });



xhr.send();

});

HTML

<span id="erro-ajax" class="invisivel">Erro ao buscar pacientes</span>
                <button id="buscar-pacientes" class="botao-btfo-principal">Buscar Pacientes</button>