This BMI (Body Mass Index) calculator is a web application built using HTML, CSS, Bootstrap 5, and JavaScript. It allows users to quickly and easily calculate their BMI based on their height and weight. BMI is a simple way to determine if a person's weight is within a healthy range relative to their height.
- Input fields for height (in meters) and weight (in kilograms).
- Calculates BMI when the "Calculate BMI" button is pressed.
- Displays the BMI value along with a color-coded result (Underweight, Normal, Overweight, Obese).
- Provides a brief explanation of the BMI result.
- Responsive design for various screen sizes.
- HTML: Provides the structure and layout of the calculator.
- CSS: Styles the calculator, including responsive design for different devices.
- Bootstrap 5: Utilized for styling, layout, and components.
- JavaScript: Performs the BMI calculation and updates the UI dynamically.
- Clone this repository to your local machine:
git clone https://github.com/yourusername/bmi-calculator.git - Open the
index.htmlfile in your web browser or host it on a web server.
-
Open the BMI calculator in your web browser.
-
Enter your height in meters (e.g., 1.75) in the "Height" field.
-
Enter your weight in kilograms (e.g., 70) in the "Weight" field.
-
Click the
"Calculate BMI"button. -
Your BMI value and result will be displayed along with an explanation.
You can try out a live demo of the BMI Calculator here. https://fitness-bmi-calculator.netlify.app/
To calculate a new BMI, simply update the height and weight fields and click the button again.
- This BMI calculator is based on the World Health Organization's (WHO) BMI classification.
- BMI calculations should not be used as a sole indicator of a person's health. Consult with a healthcare professional for a comprehensive assessment.
If you have any feedback or would like to contribute to this project, please create an issue or a pull request on the GitHub repository. Your input is greatly appreciated!