Comparto código js, desarrollado en el aula.
var botonAdicionar=document.querySelector("#adicionar-paciente");//capturar todos los pacientes
botonAdicionar.addEventListener("click", function(event){
event.preventDefault();
var form=document.querySelector("#form-adicionar");
var nombre =form.nombre.value;
var peso =form.peso.value;
var altura =form.altura.value;
var gordura =form.gordura.value;
var tabla=document.querySelector("#tabla-pacientes");
pacienteTr=document.createElement("tr");
nombreTd=document.createElement("td");
alturaTd=document.createElement("td");
pesoTd=document.createElement("td");
gorduraTd=document.createElement("td");
imcTd=document.createElement("td");
nombreTd.textContent=nombre;
alturaTd.textContent=altura;
pesoTd.textContent=peso;
gorduraTd.textContent=gordura;
pacienteTr.appendChild(nombreTd);
pacienteTr.appendChild(pesoTd);
pacienteTr.appendChild(alturaTd);
pacienteTr.appendChild(gorduraTd);
tabla.appendChild(pacienteTr);
});
var paciente=document.querySelectorAll(".paciente");
for (var i = 0; i<pacientes.length; i++) {
var paciente =pacientes[i];
var tdPeso=paciente.querySelector(".info-peso")
var tdAltura= paciente.querySelector(".info-altura")
var tdIMC=paciente.querySelector(".info-imc")
var altura = tdAltura.textContent;
var peso = tdPeso.textContent;
pesoEsvalido=true;
alturaEsvalida=true;
if((peso<0) || (peso>1000)){
console.log("Peso incorrecto");
tdIMC.textContent="Peso incorrecto";
pesoEsvalido = false;
paciente.classList.add("paciente-incorrecto");//añadir una clase
}
if((altura<0) || (altura>3)){
console.log("Altura incorrecta");
tdIMC.textContent="Altura incorrecta";
alturaEsvalida = false;
paciente.classList.add("paciente-incorrecto");
}
if (pesoEsvalido && alturaEsvalida) {
var imc= peso / (altura * altura)
tdIMC.textContent= imc.toFixed(2);//agregar dos numeros despues el signo decimal
}
}