Uncaught ReferenceError: botaoAdicionar is not defined

Aparece esse erro no form. Parece uma coisa de outro planeta.Sei que é alguma bobagem, mas não to conseguindo resolver

Oi Viviane.

Onde você está usando botaoAdicionar no html? Pq vc precisa pegar a referência dele para depois colocar o addEventListener.

Exemplo, conforme aula do Instrutor Douglas :

var botaoAdicionar = document.querySelector("#adicionar-paciente");

Att,

Lays

Agora que ferrei foi tudo... quebrou tudo... to quase apagando e começando do zero... kkkkkk

Calma, poxa kk

Me mostra seu html e seu Js

Tenta isso:

var botaoAdicionar = document.querySelector("#adicionar-paciente");
botaoAdicionar.addEventListener("click", function(event) {
    event.preventDefault();

    var form = document.querySelector("#form-adiciona");

    var paciente = obtemPacienteDoFormulario(form);

    var pacienteTr = montaTr(paciente);

    var erros = validaPaciente(paciente);

    if (erros.length > 0) {
        exibeMensagensDeErro(erros);

        return;
    }

    //restante do seu código aqui

});

Agora vai no seu html e vê se o botão tem o id="adicionar-paciente" veja também se vc está inportando os js no html

ex:

        <script src="js/calcula-imc.js" ></script>
        <script src="js/form.js" ></script>
        <script src="js/remover-paciente.js" ></script>

Eu acho que vou dar uma olhada nas aulas anteriores. Vou tentar arrumar até dar aquele erro lá que estava dando ( nem isso tá fazendo agora). Obrigada, Lays! Se vc tiver por aqui, posso perguntar direto pra vc?

Pode sim, claro !

Acho que me achei. Tá assim, meu código. Mas, não tem a parte de calcular a tabela sumiu.

var botaoAdicionar = document.querySelector("#adicionar-paciente");
botaoAdicionar.addEventListener("click", function(event) {
    event.preventDefault();

    var form = document.querySelector("#form-adiciona");

    var nome = form.nome.value;
    var peso = form.peso.value;
    var altura = form.altura.value;
    var gordura = form.gordura.value;

    var pacienteTr = document.createElement("tr");

    var nomeTd = document.createElement("td");
    var pesoTd = document.createElement("td");
    var alturaTd = document.createElement("td");
    var gorduraTd = document.createElement("td");
    var imcTd = document.createElement("td");

    nomeTd.textContent = nome;
    pesoTd.textContent = peso;
    alturaTd.textContent = altura;
    gorduraTd.textContent = gordura;

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

    var tabela = document.querySelector("#tabela-pacientes");

    tabela.appendChild(pacienteTr);

});

Meu HTML tá assim:

    </body>
    <script src="js/calcula-imc.js"></script>
    <script src="js/form.js"></script>
</html>