A responsive, web-based Body Mass Index (BMI) calculator featuring light and dark themes, built using HTML, CSS, and JavaScript.
This repository contains a fully functional, browser-based BMI calculator.
It helps users instantly determine their health category based on their height and weight inputs, all within a smooth, modern interface.
The Interactive BMI Calculator is a clean, user-friendly web application that computes a person’s Body Mass Index (BMI) — a standard measure used worldwide to classify individuals as underweight, normal, overweight, or obese.
It is developed using core front-end technologies (HTML, CSS, and JavaScript) and emphasizes dynamic calculations, real-time updates, and responsive design across all devices.
This project revolves around an intuitive three-step process:
- 🧍 User Input: Enter your height (in centimeters or meters) and weight (in kilograms).
- 🧮 Instant Calculation: On clicking the “Calculate” button, JavaScript logic computes BMI using the formula:
- 📊 Health Classification: The result is displayed immediately, indicating your category:
- Underweight
- Normal Weight
- Overweight
- Obese
- 💻 Responsive Design: Adapts beautifully to all screen sizes — desktop, tablet, and mobile.
- 🌓 Light & Dark Mode: Choose the theme that fits your mood or environment.
- 🎨 Modern UI: Clean, minimal, and smooth transitions for a professional feel.
- 🧠 Educational: A great beginner project to understand DOM manipulation, event handling, and JavaScript logic.
- Fast and Lightweight: Loads instantly in any browser.
- Accurate and Reliable: Uses the standard WHO-approved BMI formula.
- Customizable: Easily adaptable for different measurement units.
- Practical Learning: Demonstrates real-world JavaScript use cases.
BMI Formula:
BMI = weight (kg) / [height (m)]²
| BMI Range | Category |
|---|---|
| Less than 18.5 | Underweight |
| 18.5 – 24.9 | Normal Weight |
| 25 – 29.9 | Overweight |
| 30 and above | Obese |
Developed by: Darkxzz
🚀 Passionately crafted to blend health, design, and interactivity using pure front-end technologies.
💬 “Track your health with style. Simplicity in design, precision in results.”