Form e AppenChild - ja arrumando coisas que faltaram na aula..

CSS

*{
    box-sizing: border-box;
 }

body{
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

header{
    background-color: #333;
    height: 3em;
    color: #FFF;
    margin-bottom: 1em;
}

header h1{
    font-size: 2em;
    display:inline-block;
    vertical-align:    middle;
}
header h2{
    font-size: 2em;
    display:inline-block;
    vertical-align:    middle;
}

header .container:before{
    content: '';
    display:inline-block;
    height: 100%;
    vertical-align:    middle;
}

.container{
    width: 60%;
    height: 100%;
    margin: 0 auto;
}

section{
    margin: 2em 0;
    overflow: hidden;
}

section h2{
    font-size: 2em;
    display: block;
    padding-bottom: .5em;
    border-bottom: 1px solid #ccc;
    margin-bottom: .5em;
}

table{
    width: 100%;
    margin-bottom : .5em;
    table-layout: fixed;
}

td, th {
    padding: .7em;
    margin: 0;
    border: 1px solid #ccc;
    text-align: center;
    vertical-align: middle;
}

th{
    font-weight: bold;
    background-color: #EEE;
}

label{
    color: #555;
    display: block;
    margin-bottom: .2em;
}

.campo{
    margin: 0;
    padding-bottom: 1em;
    width: 100%;
    border: 1px solid #ccc;
    padding: .7em;
    width: 100%;
}

.campo-medio{
    display: inline-block;
    padding-right: .5em;
}

.grupo{
    width: 100%;
    padding: 10px 0px;
    display: inline-block;
}

#nome{
    width: 70%;
}

#peso, #altura{
    width: 40%;
}

button{
    padding: .5em 2em;
    border: 0;
    border-bottom: 3px solid;
    font-size: 1.2em;
    cursor: pointer;
    margin: 0;
    margin-top: -3px;
    color: #fff;
    background-color:#0c8cd3;
    border-color: #04324c;
    width: 70%;
    display: block;
    clear: both;
    margin: 10px 0px;
    text-transform: uppercase;
}

button:active{
    margin-top:0px;
    border: 0;
}

button:hover{
    background-color: gray;
    border-bottom: 3px black solid;
    transition: 0.7s all;
}

.adicionar-paciente{
    margin-top: 30px;
}

.campo-invalido{
    border: 1px solid red;
}

.peso-invalido{
    background: red;
    font-weight: bold;
}

.altura-invalida{
    background: magenta;
    font-weight: bold;
}

.peso-altura-invalidos{
    background: yellow;
    font-weight: bold;
}

JS

const titulo = document.querySelector(".titulo")
titulo.textContent="Aparecida Nutrição Esportiva";
const botaoAdd = document.querySelector("form");

const paciente = document.querySelectorAll(".paciente");

function calcula(){
for(let i=0;i<paciente.length;i++){
    let tdPeso = paciente[i].querySelector(".info-peso").textContent;
    let tdAltura = paciente[i].querySelector(".info-altura").textContent;
    let tdImc = paciente[i].querySelector(".info-imc");   

        if((tdPeso<=0 || tdPeso>=300) && (tdAltura<=0 || tdAltura>=3)){
            paciente[i].classList.add("peso-altura-invalidos");
            tdImc.textContent = "Peso e/ou Altura inválidos!";      
                }else if(tdPeso<=0 || tdPeso>=300){
                    paciente[i].classList.add("peso-invalido");
                    tdImc.textContent = "Peso inválido!"; 
                        }else if(tdAltura<=0 || tdAltura>=3){
                            paciente[i].classList.add("altura-invalida");
                            tdImc.textContent = "Altura inválida!";
                        }else{
                            let imc = calculaImc(tdPeso,tdAltura);
                            tdImc.textContent=imc;
                            }
        }
    }

function calculaImc(tdPeso,tdAltura){
    let fImc = (tdPeso / (tdAltura * tdAltura)).toFixed(2);
    return fImc;
}

botaoAdd.addEventListener("submit", (e,tdPeso,tdAltura) => {
    e.preventDefault();

    const frmNome = botaoAdd.nome.value;
    const frmPeso = botaoAdd.peso.value;
    const frmAltura = botaoAdd.altura.value;

    const pacienteTr = document.createElement("tr");
    pacienteTr.classList.add("paciente");

    const nomeTd = document.createElement("td");
    nomeTd.classList.add("info-nome");
    nomeTd.textContent = frmNome;

    const pesoTd = document.createElement("td");
    pesoTd.classList.add("info-peso");
    pesoTd.textContent = frmPeso;

    const alturaTd = document.createElement("td");
    alturaTd.classList.add("info-altura");
    alturaTd.textContent = frmAltura;

    const imcTd = document.createElement("td");
    imcTd.classList.add("info-imc");

    if((frmPeso<=0 || frmPeso>=300) && (frmAltura<=0 || frmAltura>=3)){
        pacienteTr.classList.add("peso-altura-invalidos");
        imcTd.textContent = "Peso e/ou Altura inválidos!";      
            }else if(frmPeso<=0 || frmPeso>=300){
                pacienteTr.classList.add("peso-invalido");
                imcTd.textContent = "Peso inválido!"; 
                    }else if(frmAltura<=0 || frmAltura>=3){
                        pacienteTr.classList.add("altura-invalida");
                        imcTd.textContent = "Altura inválida!";
                    }else{
                        imcTd.textContent = calculaImc(frmPeso,frmAltura);
                        }

    pacienteTr.appendChild(nomeTd);
    pacienteTr.appendChild(pesoTd);
    pacienteTr.appendChild(alturaTd);
    pacienteTr.appendChild(imcTd);

    const tableBody = document.querySelector("#tabela-pacientes");
    tableBody.appendChild(pacienteTr);

    console.log(tableBody);
});

Tela ao iniciar Tela após incluir alguns... Obs:. Retirei Gordura Corporal pq acredito que isso deveria ser implementado se fosse com fórmula. Assim como ao cadastrar o paciente, já mandou aplicar as regras para que coloque no imc o problema, caso houver.

Sensação de dever cumprido no exercício, aula produtiva :)

Oi Alysson, tudo bem?

Muito obrigada por compartilhar com a gente o seu código todo completinho e parabéns pela dedicação e por praticar o que viu nas aulas.

Ficou muito legal! Me inspirou para fazer mudanças no meu projeto também :D.

Um abraço e bons estudos.