Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Dúvida no Ex. 13 da Aula 7 - Conhecendo o querySelector e adicionando novos pacientes

Como seria para não adicionar um paciente "vazio"??

Pensei em um um if verificando se os campos estão vazios. EX:

botao.addEventListener("click", function(event){

    event.preventDefault();

    var campoNome = document.querySelector("#campo-nome");
    var campoPeso = document.querySelector("#campo-peso");
    var campoAltura = document.querySelector("#campo-altura");

if("se as variaves não estiverem vazia"){
    var pacienteNovo = 
        "<tr class='paciente'>"+
            "<td class='info-nome'>" + campoNome.value + "</td>"+
            "<td class='info-peso'>" + campoPeso.value + "</td>"+
            "<td class='info-altura'>" + campoAltura.value + "</td>"+
            "<td class='info-imc'></td> "+
        "</tr>";


    var tabela = document.querySelector("table"); // seleciona sempre o primeiro elemento
    tabela.innerHTML = tabela.innerHTML + pacienteNovo;
} else {
    alert(Campo invalido);
}

    //atribuindo string vazia para limpar o formulário
    campoNome.value = "";
    campoPeso.value = "";
    campoAltura.value = "";

});

algo do tipo

1 resposta
solução!

Olá Otto! O que você deseja ficaria da seguinte forma:

if(campoNome.value == "" || campoAltura.value == "" || campoPeso == ""){
        alert("Preencha todos os campos!")
    } else {

        var novoPaciente = "<tr class='paciente'>" +
                        "<td class='info-nome'>" + campoNome.value + "</td>" +
                        "<td class='info-peso'>"+ campoPeso.value +"</td>" +
                        "<td class='info-altura'>"+ campoAltura.value +"</td>" +
                        "<td class='info-imc'></td>" +
                    "</tr>";

        var tabela = document.querySelector("table");
        tabela.innerHTML = tabela.innerHTML + novoPaciente;

        campoNome.value = "";
        campoPeso.value = "";
        campoAltura.value = "";
    }

Espero ter ajudado! Bons Estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software