Existe um erro na linha 9 (Uncaught TypeError: Cannot read property 'querySelector' of undefined) e o event.preventDefault() não funciona. O formulário continua a recarregar a página.
//selecionando o paciente
var pacientes = document.querySelectorAll(".paciente");
//varrendo o array de pacientes
for(var i = 0; i <= pacientes.length; i++){
var paciente = pacientes[i];
//pegando o peso
var tdPeso = paciente.querySelector(".info-peso");
var peso = tdPeso.textContent;
//pegando a altura
var tdAltura = paciente.querySelector(".info-altura");
var altura = tdAltura.textContent;
//calculando imc
var imc = peso / (altura * altura);
//pegando o valor do campo imc
var tdImc = paciente.querySelector(".info-imc");
var pesoEhValido = true;
var alturaEhValida = true;
//validando o peso
if(peso <= 0 || peso >= 1000){
pesoEhValido = false;
tdImc.textContent = "Peso Inválido!";
paciente.classList.add('paciente-invalido');
}
//validando a altura
if(altura <= 0 || altura >= 3.00){
alturaEhValida = false;
tdImc.textContent = "Altura Inválida!";
paciente.classList.add('paciente-invalido');
}
//verificado se peso e altura sao validas mostrando o imc
if(alturaEhValida && pesoEhValido){
//mostrando o resutado
tdImc.textContent = imc.toFixed(2);
}
//fim for
}
//manipulando eventos
var botaoAdicionar = document.querySelector("#adicionar-paciente");
botaoAdicionar.addEventListener("click", function(event){
event.preventDefault();
console.log("ok");
});