Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Mãos na massa: lidando com erros da requisição.

  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 {
        console.log(xhr.status);
        console.log(xhr.responseText);
        erroAjax.classList.remove("invisivel");
      }
</table>
                <span id="erro-ajax" class="invisivel">Erro ao buscar os pacientes.</span>
                <button id="buscar-pacientes" class="botao bto-principal">Buscar Paciente</button>
                </section>
        </main>
1 resposta
solução!
  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 {
        console.log(xhr.status);
        console.log(xhr.responseText);
        erroAjax.classList.remove("invisivel");
      }
</table>
                <span id="erro-ajax" class="invisivel">Erro ao buscar os pacientes.</span>
                <button id="buscar-pacientes" class="botao bto-principal">Buscar Paciente</button>
                </section>
        </main>