Só estou conseguindo limpar os campos da forma abaixo:
document.querySelector("#campo-nome").value = "";
document.querySelector("#campo-peso").value = "";
document.querySelector("#campo-altura").value = "";
Não consegui fazer exatamente da mesma forma que o exercício propõem, ex: abaixo:
campoNome = "";
campoPeso = "";
campoAltura = "";
A minha pergunta é, conceitualmente falando porque a opção acima não está funcionando já que essas variáveis assumem o valor do campo (.value);
Segue abaixo o código completo funcionando:
var buttom = document.querySelector("#adicionar-paciente");
buttom.addEventListener("click", function(event){
event.preventDefault();
var campoNome = document.querySelector("#campo-nome").value;
var campoPeso = document.querySelector("#campo-peso").value;
var campoAltura = document.querySelector("#campo-altura").value;
var pacienteNovo = "<tr class='paciente'>"+
"<td class='info-nome'>"+campoNome+"</td>"+
"<td class='info-peso' id='peso-1'>"+campoPeso+"</td>"+
"<td class='info-altura' id='altura-1'>"+campoAltura+"</td>"+
"<td class='info-imc' id='imc-1'>"+campoPeso/(campoAltura*2)+"</td>"+
"</tr>";
var todosPacientes = document.querySelector("table");
todosPacientes.innerHTML += pacienteNovo;
document.querySelector("#campo-nome").value = "";
document.querySelector("#campo-peso").value = "";
document.querySelector("#campo-altura").value = "";
});