Calculadora De Peso

Calculadora de Peso Corporal Ideal :root { –primary-blue: #004a99; –success-green: #28a745; –light-background: #f8f9fa; –white: #ffffff; –gray-dark: #343a40; –gray-light: #6c757d; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: var(–light-background); color: var(–gray-dark); line-height: 1.6; margin: 0; padding: 20px; } .loan-calc-container { max-width: 800px; margin: 30px auto; background-color: var(–white); padding: 30px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; gap: 25px; } h1, h2 { color: var(–primary-blue); text-align: center; margin-bottom: 15px; } .input-group { display: flex; flex-direction: column; gap: 8px; margin-bottom: 15px; } .input-group label { font-weight: 600; color: var(–gray-dark); } .input-group input[type="number"], .input-group input[type="text"] { padding: 12px 15px; border: 1px solid #ced4da; border-radius: 5px; font-size: 1rem; transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } .input-group input[type="number"]:focus, .input-group input[type="text"]:focus { border-color: var(–primary-blue); box-shadow: 0 0 0 0.2rem rgba(0, 74, 153, 0.25); outline: none; } button { background-color: var(–primary-blue); color: var(–white); border: none; padding: 12px 20px; border-radius: 5px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out; text-transform: uppercase; letter-spacing: 0.5px; } button:hover { background-color: #003366; transform: translateY(-1px); } button:active { transform: translateY(0); } #result { margin-top: 20px; padding: 20px; background-color: var(–success-green); color: var(–white); text-align: center; border-radius: 5px; font-size: 1.4rem; font-weight: bold; box-shadow: 0 2px 10px rgba(40, 167, 69, 0.4); } .result-category { font-size: 1.1rem; color: var(–white); opacity: 0.9; margin-top: 5px; } .article-section { margin-top: 40px; background-color: var(–white); padding: 30px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); } .article-section h2 { color: var(–primary-blue); text-align: left; margin-bottom: 20px; } .article-section p, .article-section ul, .article-section li { margin-bottom: 15px; color: var(–gray-light); } .article-section li { margin-left: 20px; } .article-section strong { color: var(–gray-dark); } /* Responsive adjustments */ @media (max-width: 768px) { .loan-calc-container { padding: 20px; } h1 { font-size: 1.8rem; } button { font-size: 1rem; } #result { font-size: 1.2rem; } } @media (max-width: 480px) { .loan-calc-container { padding: 15px; margin: 15px auto; } h1 { font-size: 1.5rem; } .input-group input[type="number"], .input-group input[type="text"] { padding: 10px; } button { font-size: 0.9rem; padding: 10px 15px; } #result { font-size: 1.1rem; padding: 15px; } }

Calculadora de Peso Corporal Ideal (IMC)

¿Qué es el Índice de Masa Corporal (IMC)?

El Índice de Masa Corporal (IMC), conocido internacionalmente como Body Mass Index (BMI), es una medida que relaciona el peso de una persona con su altura. Se utiliza comúnmente como un indicador general para clasificar si una persona tiene un peso saludable en relación con su estatura, o si se encuentra en alguna categoría de riesgo como bajo peso, sobrepeso u obesidad.

Fórmula del IMC: El cálculo del IMC es sencillo y se basa en la siguiente fórmula física:

IMC = Peso (kg) / (Altura (m))^2

Donde:

  • Peso se mide en kilogramos (kg).
  • Altura se mide en metros (m). Es crucial convertir la altura de centímetros a metros antes de realizar el cálculo (dividiendo la altura en cm por 100).

Por ejemplo, si mides 175 cm, tu altura en metros es 1.75 m.

Interpretación del IMC:

Las categorías del IMC son estandarizadas por la Organización Mundial de la Salud (OMS) y sirven como guía general. Es importante recordar que el IMC no tiene en cuenta la composición corporal (masa muscular vs. grasa) ni la distribución de la grasa.

  • Bajo peso: IMC < 18.5
  • Peso normal o saludable: IMC entre 18.5 y 24.9
  • Sobrepeso: IMC entre 25.0 y 29.9
  • Obesidad (Clase I): IMC entre 30.0 y 34.9
  • Obesidad (Clase II): IMC entre 35.0 y 39.9
  • Obesidad (Clase III) / Obesidad mórbida: IMC ≥ 40.0

¿Por qué es importante conocer tu IMC?

Mantener un peso corporal dentro del rango saludable está asociado con una menor probabilidad de desarrollar diversas enfermedades crónicas, como:

  • Enfermedades cardiovasculares (hipertensión, enfermedades del corazón).
  • Diabetes tipo 2.
  • Ciertos tipos de cáncer.
  • Apnea del sueño.
  • Problemas articulares (osteoartritis).

El IMC es una herramienta de detección inicial. Si tu IMC indica un peso fuera del rango saludable, es recomendable consultar a un profesional de la salud (médico, nutricionista) para una evaluación más completa y personalizada. Ellos podrán considerar otros factores como la edad, el sexo, la masa muscular, la circunferencia de la cintura y el historial médico.

function calculateBMI() { var weightInput = document.getElementById("weight"); var heightInput = document.getElementById("height"); var resultDiv = document.getElementById("result"); var weight = parseFloat(weightInput.value); var heightCm = parseFloat(heightInput.value); if (isNaN(weight) || isNaN(heightCm) || weight <= 0 || heightCm <= 0) { resultDiv.innerHTML = "Por favor, introduce valores válidos para peso y altura."; resultDiv.style.backgroundColor = "#dc3545"; /* Red for error */ return; } var heightM = heightCm / 100; var bmi = weight / (heightM * heightM); var bmiRounded = bmi.toFixed(2); var category = ""; var resultTextColor = var(–white); /* Default to white text */ if (bmi = 18.5 && bmi = 25.0 && bmi = 30.0 && bmi = 35.0 && bmi = 40.0 */ category = "Obesidad (Clase III)"; resultDiv.style.backgroundColor = "#dc3545"; /* Red */ } resultDiv.innerHTML = "Tu IMC es: " + bmiRounded + "Categoría: " + category + ""; // Ensure text color contrasts with background if (resultDiv.style.backgroundColor === "var(–success-green)") { resultTextColor = var(–white); } else if (resultDiv.style.backgroundColor === "var(–primary-blue)") { // Placeholder if primary blue was used for success resultTextColor = var(–white); } else { resultTextColor = var(–white); // Default text color } resultDiv.style.color = resultTextColor; }

Leave a Comment