Oi Andre!
Uma possível solução é remover todos os pacientes antes de adicionar os novos. Você pode fazer isso da seguinte forma:
- Crie uma função
limpaTabela
dentro do form.js
function limpaTabela() {
var tabela = document.querySelector('#tabela-pacientes');
tabela.innerHTML = '';
}
Utilize essa função dentro de buscar-pacientes.js
antes de adicionar os novos pacientes:
if (xhr.status == 200) {
erroAjax.classList.add('invisivel');
var resposta = xhr.responseText;
var pacientes = JSON.parse(resposta);
limpaTabela();
pacientes.forEach(function (paciente) {
adicionaPacienteNaTabela(paciente);
});
}
Substituir o innerHTML
da tabela dos pacientes por um conteúdo vazio foi a maneira mais simples que pensei de limpar os pacientes, mas existem outras maneiras de fazer isso. Fique livre para fazer da forma que achar melhor!
Espero ter ajudado! Qualquer outra dúvida pode postar aqui! :)