Pular para conteúdo

Projeto 04 - Calculadora de IMC Reativa ⚡

Objetivo: Aplicar os conceitos de reatividade automática e declarações reativas ($:) em um cenário real.

🚀 Desafio

Crie uma Calculadora de Índice de Massa Corporal (IMC): 1. Entradas: Crie dois sliders (input type="range") ou campos numéricos para Peso e Altura. 2. Cálculo Reativo: - Use a sintaxe $: para criar uma variável imc que calcula o valor automaticamente: peso / (altura * altura). 3. Classificação Reativa: - Use outro bloco $: para definir uma variável resultadoTexto (ex: "Abaixo do peso", "Peso Normal", "Sobrepeso"). 4. Interface: - Exiba os valores de peso e altura enquanto o usuário move os sliders. - Exiba o valor do IMC com apenas duas casas decimais (.toFixed(2)). - Mude a cor do texto do resultado dependendo da gravidade (ex: Vermelho para obesidade).

📤 O que entregar?

  • Arquivo App.svelte.
  • Screenshot da calculadora funcionando com um valor de IMC calculado.