Olá a todxs! Espero que estejam bem :D
A minha dúvida é a seguinte, no código, ao adicionarmos os dados o novo paciente fica alocado na última linha da tabela. Mas e se o cliente quiser alocar os dados de novos pacientes na parte de cima da tabela? Qual propriedade eu teria de usar pra alterar isso?
hoje, com a Alura e o Google Gemini
Olá, tudo bem com você?
Peço desculpas pela demora em lhe responder.
Para definirmos em qual ponto da tabela iremos adicionar o novo paciente, faremos o uso do método insertRow(). Este método insere uma nova linha na tabela e retorna uma referência para a linha criada. Você pode usar o índice da linha para definir onde a nova linha deve ser inserida. Neste caso, para inserir sempre na primeira linha utilizaremos o índice 0, caso fosse a segunda linha o índice 1, já para inserir na última posição o índice -1 deve ser utilizado.
No exemplo abaixo, o método insertRow(indice) é utilizado para criar uma nova linha para a tabela na posição 0 (primeira linha abaixo do cabeçalho) e o método appendChild() é responsável por adicionar esta linha a tabela:
function montaTr(paciente) {
var pacienteTr = document.createElement("tr");
pacienteTr.classList.add("paciente");
var tabela = document.getElementById("tabela-pacientes")
var primeiraLinha = tabela.insertRow(0);
primeiraLinha.appendChild(montaTd(paciente.nome, "info-nome"));
primeiraLinha.appendChild(montaTd(paciente.peso, "info-peso"));
primeiraLinha.appendChild(montaTd(paciente.altura, "info-altura"));
primeiraLinha.appendChild(montaTd(paciente.gordura, "info-gordura"));
primeiraLinha.appendChild(montaTd(paciente.imc, "info-imc"));
return pacienteTr;
}Resultado:
Espero ter ajudado.
Não hesite em voltar ao fórum para continuar aprendendo e interagindo com a comunidade.
Em caso de dúvidas estou à disposição.
Abraços e bons estudos!