Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

datos del json me aparecen en la tabla como objet

Hola a todos tengo dudas he realizado los pasos en el video pero al momento de agregar los datos del json a la tabla se visualiza como objet pero en la consola me aparece los datos del api, a que se debe

este es del form.js

var botonAdicionar = document.querySelector("#adicionar-paciente");
botonAdicionar.addEventListener('click', function(event) {
    event.preventDefault();

    var form = document.querySelector("#form-adicionar");

    var paciente = capturarPaciente(form);

    var errores = validarPaciente(paciente);

    if(errores.length > 0){
        exhibirMensajesErrores(errores);
        return;
    }

    adicionarPacienteEnLaTabla(paciente);
    form.reset();

    var mensajesErrores = document.querySelector("#mensajes-errores");
    mensajesErrores.innerHTML = "";



});

function adicionarPacienteEnLaTabla(paciente){
    var pacienteTr = construirTd(paciente);
    var tabla = document.querySelector("#tabla-pacientes");
    tabla.appendChild(pacienteTr);
}

este del buscar paciente.js

var botonBuscar = document.querySelector("#buscar-paciente");

botonBuscar.addEventListener("click", function(){
    var xtr = new XMLHttpRequest;
    xtr.open("GET", "https://alura-es-cursos.github.io/api-pacientes/pacientes.json");
    xtr.addEventListener("load", function(){

        var respuesta = xtr.responseText;
        var pacientes = JSON.parse(respuesta);            
            pacientes.forEach(function(paciente){
                adicionarPacienteEnLaTabla(paciente);
              console.log(paciente)
            })

    });

    xtr.send();
});
1 respuesta

Creo que tu error esta en esta línea de la función adicionarPacienteEnLaTabla

var pacienteTr = construirTd(paciente);

y debería ser

var pacienteTr = construirTr(paciente);