Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Colocar em negrito

Referente ao curso JavaScript: programando na linguagem da web, no capítulo Variáveis e Operadores e atividade Operadores Lógicos

por LAIO DOS SANTOS ZAGO PASSOS
| 100.8k xp | 31 posts
Professor

Oii Como faço para colocar em negrito o aviso quando o peso ou a altura forem inválidos??

var titulo = document.querySelector(".titulo");
titulo.textContent = "Aparecida Nutricionista";

var paciente = document.querySelector("#primeiro-paciente");
var tdPeso = paciente.querySelector(".info-peso");
var tdAltura = paciente.querySelector(".info-altura");
var tdImc = paciente.querySelector(".info-imc");

var peso = parseInt(tdPeso.textContent);
var altura = parseInt(tdAltura.textContent);


pesoValido = true;
alturaValida = true;

if (peso > 1000 || peso < 0) {
    console.log("Peso inválido!")
    pesoValido = false;
    tdImc.textContent = ("Peso inválido!");

}

if (altura < 0 || altura > 3) {
    console.log("Altura inválida!");
    alturaValida = false;
    tdImc.textContent = ("Altura inválida!");
}

if (alturaValida && pesoValido) {
    var imc = peso / (altura * altura);
    tdImc.textContent = imc;
}

console.log(imc);
console.log(peso);
console.log(altura);
1 resposta
solução!
por Eduardo Tioma
| 233.8k xp | 261 posts
Instrutor

Oi Laio!

Aguente um pouquinho, pois na Aula 3 do módulo 3 o instrutor ensinará como adicionar uma classe paciente-invalido que mudará a cor do <tr> todo para vermelho caso algum dado esteja inválido.

Depois disso, se ainda quiser colocar a mensagem em negrito, basta criar uma classe css que deixa o texto em negrito e aplicá-la no <td> que possui o erro.

Exemplo de classe CSS:

.dado-invalido {
        font-weight: bold;
}

Como adicionar a classe aos <td>:

if (peso > 1000 || peso < 0) {
    console.log("Peso inválido!")
    pesoValido = false;
    tdPeso.textContent = ("Peso inválido!");
    tdPeso.classList.add("dado-invalido");
}

if (altura < 0 || altura > 3) {
    console.log("Altura inválida!");
    alturaValida = false;
    tdAltura.textContent = ("Altura inválida!");
    tdAltura.classList.add("dado-invalido");
}

if (alturaValida && pesoValido) {
    var imc = peso / (altura * altura);
    tdImc.textContent = imc;
    tdImc.classList.add("dado-invalido");
}

Atenção: A validação do peso e altura no seu código estão modificando tdImc quando deveriam ser tdPeso e tdAltura, respectivamente.

Mais pra frente do curso, no módulo 6 que trata sobre validações, você aprenderá a avisar pro usuário que os dados do paciente estão inválidos antes mesmo dos dados aparecerem na tabela!

Espero ter ajudado! Qualquer outra dúvida pode postar aqui!