1
resposta

Mãos na Massa: Adicionando um paciente na tabela

fiz em um arquivo separado achei que ficaria melhor

let btnAdiciona = document.querySelector('#adicionar-paciente')
let formulario = document.querySelector('#form-adiciona')
let tabelaPaciente = document.querySelector('#tabela-pacientes')

btnAdiciona.addEventListener('click', novoPaciente)

function novoPaciente(evento){
    evento.preventDefault()

    let nomePaciente = formulario.nome.value
    let pesoPaciente = formulario.peso.value
    let alturaPaciente = formulario.altura.value
    let gorduraPaciente = formulario.gordura.value

    let trPaciente = document.createElement('tr')
    let tdNomePaciente = document.createElement('td')
    let tdPesoPaciente = document.createElement('td')
    let tdAlturaPaciente = document.createElement('td')
    let tdGorduraPaciente = document.createElement('td')

    tdNomePaciente.textContent = nomePaciente
    tdPesoPaciente.textContent = pesoPaciente
    tdAlturaPaciente.textContent = alturaPaciente
    tdGorduraPaciente.textContent = gorduraPaciente

    tabelaPaciente.appendChild(trPaciente)
    trPaciente.appendChild(tdNomePaciente)
    trPaciente.appendChild(tdPesoPaciente)
    trPaciente.appendChild(tdAlturaPaciente)
    trPaciente.appendChild(tdGorduraPaciente)
}

1 resposta

Bom dia!

Sua resolução ficou excelente! Você fez um ótimo uso do aprendizado.

Parabéns pelo empenho nos estudos e continue praticando.

Para que mais pessoas consigam visualizar a sua solução proposta, é recomendado que você marque este tópico como solucionado. Assim pode ajudar ainda mais pessoas :)

Bons estudos!