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

Mãos na massa: adicionando os pacientes na tabela.

var botaoAdicionar = document.querySelector("#buscar-pacientes");

botaoAdicionar.addEventListener("click", function(){
    console.log("Buscando pacientes");

    var xhr = new XMLHttpRequest();

    xhr.open("GET", "http://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 {
        console.log(xhr.status);
        console.log(xhr.responseText);
        erroAjax.classList.remove("invisivel");
      }

    })

  xhr.send();

});
adicionaPacienteNaTabela(paciente);

  form.reset();
  var mensagensErro = document.querySelector("#mensagens-erro");
  mensagensErro.innerHTML = "";

} );

function adicionaPacienteNaTabela(paciente){

  var pacienteTr = montaTr(paciente);
  var tabela = document.querySelector("#tabela-pacientes");
  tabela.appendChild(pacienteTr);

}
1 resposta
solução!
var botaoAdicionar = document.querySelector("#buscar-pacientes");

botaoAdicionar.addEventListener("click", function(){
    console.log("Buscando pacientes");

    var xhr = new XMLHttpRequest();

    xhr.open("GET", "http://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 {
        console.log(xhr.status);
        console.log(xhr.responseText);
        erroAjax.classList.remove("invisivel");
      }

    })

  xhr.send();

});
adicionaPacienteNaTabela(paciente);

  form.reset();
  var mensagensErro = document.querySelector("#mensagens-erro");
  mensagensErro.innerHTML = "";

} );

function adicionaPacienteNaTabela(paciente){

  var pacienteTr = montaTr(paciente);
  var tabela = document.querySelector("#tabela-pacientes");
  tabela.appendChild(pacienteTr);

}