hola! no se si es un error en el códig o si llamo mal a algo porque me aparece la tabla pero no me aparece el contenido adentro. dejo mi codigo gracias.
buscarpaciente.js
var botonBuscar = document.querySelector("#buscar-paciente");
botonBuscar.addEventListener ("click",function(){
var xhr = new XMLHttpRequest;
xhr.open("GET","https://alura-es-cursos.github.io/api-pacientes/pacientes.json");
xhr.addEventListener("load",function(){
var respuesta = xhr.responseText;
var pacientes = JSON.parse(respuesta);
pacientes.forEach(function(){
adicionarPacienteEnLaTabla(paciente);
console.log(paciente);
});
});
xhr.send();
})
form.js
var botonAdicionar = document.querySelector("#adicionar-paciente");
botonAdicionar.addEventListener("click",function(event){
event.preventDefault();
var form = document.querySelector("#form-adicionar");
var paciente = capturarDatosPaciente(form);
//var pacienteTr = construirTr(paciente);
//validar paciente
var errores = validarPaciente(paciente);
if (errores.length > 0){
exhibirMensajesErrores(errores);
return;
}
// var tabla = document.querySelector("#tabla-pacientes");
//tabla.appendChild(pacienteTr);
adicionarPacienteEnLaTabla(paciente);
form.reset();
var mensajesErrores = document.querySelector("#mensajes-errores");
mensajesErrores.innerHTML = "";
});
function adicionarPacienteEnLaTabla(paciente){
var pacienteTr = construirTr(paciente);
var tabla = document.querySelector("#tabla-pacientes");
tabla.appendChild(pacienteTr);
}
function capturarDatosPaciente(form){
// Capturando los Datos del Formulario
var paciente = {
nombre: form.nombre.value,
peso: form.peso.value,
altura: form.altura.value,
gordura: form.gordura.value,
imc: calcularIMC(form.peso.value,form.altura.value)
}
return paciente;
}
function construirTr(paciente){
var pacienteTr = document.createElement("tr");
pacienteTr.classList.add("paciente");
pacienteTr.appendChild(construirTd(paciente.nombre,"info-nombre"));
pacienteTr.appendChild(construirTd(paciente.peso,"info-peso"));
pacienteTr.appendChild(construirTd(paciente.altura,"info-altura"));
pacienteTr.appendChild(construirTd(paciente.gordura,"info-gordura"));
pacienteTr.appendChild(construirTd(paciente.imc,"info-imc"));
return pacienteTr;
}
function construirTd(dato,clase){
var td = document.createElement("td");
td.classList.add("clase");
td.textContent = dato;
return td;
}
function validarPaciente(paciente){
var errores = []
if (paciente.nombre.length == 0){
errores.push("El nombre no puede estar vacío");
}
if (paciente.peso.length == 0){
errores.push("El peso no puede estar vacío");
}
if (paciente.altura.length == 0){
errores.push("La altura no puede estar vacía");
}
if (paciente.gordura.length == 0){
errores.push("El porcentaje de gordura no puede estar vacío");
}
if (!validarPeso(paciente.peso)){
errores.push("El Peso es Inconrrecto");
}
if (!validarAltura(paciente.altura)){
errores.push("La Altura es Inconrrecta");
}
return errores;
}
function exhibirMensajesErrores(errores){
var ul = document.querySelector("#mensajes-errores")
ul.innerHTML = ""
errores.forEach(function(error){
var li = document.createElement("li")
li.textContent = error;
ul.appendChild(li);
});
}