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