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

Como tratar o bug de floodar os mesmo dados na tabela ?

Qual seria a melhor forma de tratar esse tipo de requisição, para que o usuário por exemplo, não ficasse spamando a tabela com os mesmos dados, mas sim se houver um novo dado ?

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

botaoAdicionar.addEventListener("click", function() {
    var xhr = new XMLHttpRequest();

    xhr.open("GET", "https://api-pacientes.herokuapp.com/pacientes");

    xhr.addEventListener("load", function() {
        console.log(xhr.responseText);
        var resposta = xhr.responseText;

        var pacientes = JSON.parse(resposta);
        console.log(pacientes);
        pacientes.forEach(p => {
            adicionaPacienteTable(p);

        });

    });

    xhr.send();


});
1 resposta
solução!

Não sei se é a melhor maneira mas acabei adicionando essa linha de código:

    var pacientes = document.querySelectorAll(".paciente");
    for (var i = pacientes.length - 1; 5 <= i; i--) {
        pacientes[i].remove();
    }

Assim, eu não removo os clientes que já estavam cravados no html e também não deixo que a tabela repita toda vez os mesmos 7 clientes que vem da requisição.

Se é a melhor forma de fazer eu não sei, se alguém puder apresentar outra também já agradeço x)