Estou com alguns problemas no console, segue código e problemas;
Problemas :
JSLint (3)
2
Unexpected '(space)'. titulo.textContent = "Aparecida Nutricionista";
6
Move 'var' declarations to the top of the function. for (var i = 0; pacientes.length; i++){
6
Stopping. (13% scanned). for (var i = 0; pacientes.length; i++){
ESLint (7)
1
ERROR: 'document' is not defined. [no-undef] var titulo = document.querySelector(".titulo");
4
ERROR: 'document' is not defined. [no-undef] var pacientes = document.querySelectorAll(".paciente");
21
ERROR: Unexpected console statement. [no-console] console.log("Peso inválido!");
21
ERROR: 'console' is not defined. [no-undef] console.log("Peso inválido!");
28
ERROR: Unexpected console statement. [no-console] console.log("Altura inválida!")
28
ERROR: 'console' is not defined. [no-undef] console.log("Altura inválida!")
43
ERROR: 'alert' is not defined. [no-undef] alert("Olá eu fui clicado!");
Código:
var titulo = document.querySelector(".titulo");
titulo.textContent = "Aparecida Nutricionista";
var pacientes = document.querySelectorAll(".paciente");
for (var i = 0; pacientes.length; i++){
var paciente = pacientes[i];
var tdPeso = paciente.querySelector(".info-peso");
var peso = tdPeso.textContent;
var tdAltura = paciente.querySelector(".info-altura");
var altura = tdAltura.textContent;
var tdImc = paciente.querySelector(".info-imc");
var pesoValido = true;
var alturaValida = true;
if (peso <= 0 || peso >= 500) {
console.log("Peso inválido!");
pesoValido = false;
tdImc.textContent = "Peso inválido!";
paciente.classList.add("paciente-invalido");
}
if (altura <= 0 || altura >= 3) {
console.log("Altura inválida!")
alturaValida = false;
tdImc.textContent = "Altura inválida!";
paciente.classList.add("paciente-invalido");
}
if (alturaValida && pesoValido) {
var imc = peso/(altura*altura);
tdImc.textContent = imc.toFixed(2);
}
}
titulo.addEventListener("click", mostraMensagem);
function mostraMensagem() {
alert("Olá eu fui clicado!");
}