Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Preciso de ajuda de novo, acho que fiz alguma besteira no código...

Referente ao curso JavaScript: programando na linguagem da web, no capítulo AjaxBuscando pacientes com AJAX e atividade Tratando a resposta da requisição

por Allas Maycon Do Valle
| 2212.7k xp | 35 posts

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

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

var xhr = new XMLHttpRequest();

xhr.open("GET", "https://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) {
            adiconaPacienteNaTabela(paciente);
        });
    }else{
        console.log(xhr.status);
        console.log(xhr.responseText);

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

xhr.send();

});

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta
solução!
por Allas Maycon Do Valle
| 2212.7k xp | 35 posts

Esse código de cima é o do buscar-paciente.js

Esse de baixo é o do filtrar.js também começou a dar erro logo após implementar esse do buscar paciente

var campoFiltro = document.querySelector("#filtrar-tabela");

campoFiltro.addEventListener("input", function(){ console.log(this.value); var pacientes = document.querySelectorAll(".paciente");

if (this.value.length > 0){
    for (var i = 0; i < pacientes.length; i++){
        var paciente = pacientes[i];
        var tdNome = paciente.querySelector(".info-nome");
        var nome = tdNome.textContent;
        var expressao = new RegExp(this.value, "i");
        if (!expressao.test(nome)){
            paciente.classList.add("invisivel");
        } else {
            paciente.classList.remove("invisivel");
        }
    }
} else {
    for (var i = 0; i < pacientes.length; i++) {
        var paciente = pacientes[i];
        paciente.classList.remove("invisivel");
    }
}

});