A small web app where checking habits grows fruits on a tree.
This version intentionally contains 3 bugs and 2 missing features for participants to fix.
- HTML – Structure of the app
- CSS – Styling, layout, animations
- JavaScript (DOM Manipulation) – Habit logic, fruit rendering, score updates
The score does not change when habits are checked/unchecked.
Fix the missing score calculation & update logic.
Unchecking a habit should remove its fruit.
Fix incorrect fruit ID selection in removeFruit().
A single checkbox adds multiple fruits.
Fix duplicate fruit creation logic.
Add a button that:
- Clears all habits
- Removes all fruits
- Resets score to 0
When more than half of the habits are completed:
- Change all apples to mangoes
When below 50%: - Switch back to apples
Good luck debugging! 🚀