BMI Calculator — Body Mass Index Checker with Healthy Weight Range (HTML/CSS/JS)

BMI Calculator — Body Mass Index Checker (HTML/CSS/JS)

A ready-to-use BMI calculator for any website. Two live sliders for weight (30–150 kg) and height (120–210 cm), an instant BMI value with a colour-coded category (Underweight / Healthy / Overweight / Obese), a visual gauge with marker, the healthy weight range for the entered height, and a short advice line. Pure HTML, CSS and vanilla JavaScript — no frameworks, no build step, no dependencies.

Features

• Live sliders — BMI, category, gauge and healthy range update as you slide
• Colour-coded WHO category bands with visual gauge (BMI 14–40 scale)
• Healthy weight range calculated for the visitor's exact height
• Fully responsive, works offline, only ~6 KB total
• Zero dependencies — drop it into any page

What's Inside

index.html (the calculator page), style.css (all styles — re-theme via the colour values), app.js (computeBMI() pure logic + slider wiring) and README.txt (setup + customisation guide). The maths is unit-tested: 70 kg / 170 cm = BMI 24.2 (Healthy), healthy range 53.5–72 kg.

Need a Custom Website or Mobile App?

Downloading free code is just the start. Yadu Tech builds complete websites and mobile apps for businesses — design, development, deployment, all done for you.

👉 Chat on WhatsApp