JavaScriptBeginner⭐ Featured
BMI Calculator (Body Mass Index)
A responsive BMI Calculator built using Vanilla JavaScript that calculates BMI, shows health categories, and stores previous results using localStorage.
⏱️2–3 hours
📅Added: Dec 15, 2024
About This Project
This BMI Calculator is a beginner-friendly JavaScript project focused on solving
a real-world health problem.
Users can calculate BMI using height and weight, view health categories,
and see previous calculations stored in localStorage.
The project is built using clean HTML, modern CSS, and well-structured JavaScript,
making it perfect for a beginner portfolio.
Key Features
- ✓Height and weight input validation
- ✓Accurate BMI calculation
- ✓Health category detection
- ✓Color-coded results UI
- ✓Calculation history using localStorage
- ✓Delete individual history records
- ✓Responsive design
What You'll Learn
- 📚DOM manipulation
- 📚Form validation
- 📚Event handling
- 📚Working with localStorage
- 📚Conditional logic
- 📚Responsive UI development
Tech Stack
HTML5CSS3Vanilla JavaScriptLocalStorage API
Tags
#bmi#calculator#health#javascript#beginner