import React, { useState, useCallback } from "react"; import { Calculator, RotateCcw } from "lucide-react"; var LANG = (typeof navigator !== "undefined" ? navigator.language : "ko").slice(0, 2); var T = { ko: { title: "BMI 계산기", height: "키 (cm)", weight: "체중 (kg)", calc: "계산하기", result: "결과", bmi: "BMI", underweight: "저체중", normal: "정상", overweight: "과체중", obese: "비만", range: "정상 범위: 18.5 ~ 24.9", reset: "다시 계산" }, en: { title: "BMI Calculator", height: "Height (cm)", weight: "Weight (kg)", calc: "Calculate", result: "Result", bmi: "BMI", underweight: "Underweight", normal: "Normal", overweight: "Overweight", obese: "Obese", range: "Normal range: 18.5 ~ 24.9", reset: "Recalculate" }, ja: { title: "BMI計算機", height: "身長 (cm)", weight: "体重 (kg)", calc: "計算する", result: "結果", bmi: "BMI", underweight: "低体重", normal: "標準", overweight: "過体重", obese: "肥満", range: "標準範囲: 18.5 ~ 24.9", reset: "再計算" }, zh: { title: "BMI计算器", height: "身高 (cm)", weight: "体重 (kg)", calc: "计算", result: "结果", bmi: "BMI", underweight: "偏瘦", normal: "正常", overweight: "偏胖", obese: "肥胖", range: "正常范围: 18.5 ~ 24.9", reset: "重新计算" }, }; var t = T[LANG] || T.en; function getCategory(bmi) { if (bmi < 18.5) return { label: t.underweight, color: "text-sky-500", bg: "from-sky-400 to-blue-500", bar: "bg-sky-500" }; if (bmi < 25) return { label: t.normal, color: "text-emerald-500", bg: "from-emerald-400 to-green-500", bar: "bg-emerald-500" }; if (bmi < 30) return { label: t.overweight, color: "text-amber-500", bg: "from-amber-400 to-orange-500", bar: "bg-amber-500" }; return { label: t.obese, color: "text-rose-500", bg: "from-rose-400 to-red-500", bar: "bg-rose-500" }; } export default function App() { var [height, setHeight] = useState(""); var [weight, setWeight] = useState(""); var [result, setResult] = useState(null); var handleCalc = useCallback(function() { var h = parseFloat(height); var w = parseFloat(weight); if (!h || !w || h <= 0 || w <= 0) return; var bmi = w / ((h / 100) * (h / 100)); setResult(bmi); }, [height, weight]); var handleReset = useCallback(function() { setResult(null); setHeight(""); setWeight(""); }, []); var bmiVal = result ? result.toFixed(1) : null; var cat = result ? getCategory(result) : null; var pct = result ? Math.min(Math.max((result - 10) / 30 * 100, 0), 100) : 0; if (result && cat) { return (

{t.result}

{bmiVal}

{cat.label}

1018.5253040

{t.range}

); } return (

{t.title}

{t.bmi}

{t.height}

{t.weight}

); }

BMI Calculator

BMI Calculator

reviews