BMI Calculator
A beginner-friendly Svelte example: Create a BMI calculator with metric and imperial units
What You'll Learn
- Form input handling with bind:value
- Unit conversion calculations
- Reactive statements for BMI calculation
- Input validation
- Conditional rendering for results
Project Structure
bmi-calculator/ ├── src/ │ ├── lib/ │ │ ├── MetricForm.svelte │ │ ├── ImperialForm.svelte │ │ ├── Results.svelte │ │ └── UnitToggle.svelte │ ├── utils/ │ │ └── calculations.js │ └── App.svelte ├── public/ │ └── index.html └── package.json
Key Features
- Metric and Imperial units
- Real-time BMI calculation
- Weight category classification
- Input validation
- Unit conversion
- Calculation history