A fun and interactive Love Meter built using HTML, CSS, and JavaScript.
This project simulates a love compatibility test and plays a romantic sound while showing the result — inspired by Me
- ❤️ Beautiful and responsive UI
- 🔊 Plays a romantic sound when the result appears
- 💫 Smooth animation for result reveal
- 🎨 Clean, modern design using CSS
- 📱 Works perfectly on desktop and mobile
- HTML5
- CSS3
- JavaScript (Vanilla JS)
- Audio API (for playing sounds)
┌──────────┐
│ Start │
└────┬─────┘
│
┌──────▼──────┐
│ Input Names │
└──────┬──────┘
│
┌──────▼──────┐
│ Names Empty?│
└──────┬──────┘
Yes │ No
│
┌──────▼──────┐
│ Special Couple? │
└──────┬──────┘
Yes │ No
│
┌──────▼──────┐
│ lovePercent=100 │
└──────┬──────┘
│
▼
┌─────────────┐
│ Combine Names │
└──────┬──────┘
▼
┌─────────────┐
│ Sum ASCII Codes │
└──────┬──────┘
▼
┌─────────────┐
│ total % 101 │
└──────┬──────┘
▼
┌─────────────┐
│ Display Result │
└──────┬──────┘
▼
┌─────────────┐
│ Play Audio │
└──────┬──────┘
▼
┌──────────┐
│ End │
└──────────┘
Netlify Link : https://love-meter2025.netlify.app/