1.
Create a Temperature Converter
Description:
Build a page that takes input in Celsius or Fahrenheit, and converts it to the
other unit.
Concepts:
DOM manipulation
Event handling
Input validation
parseFloat(), basic math
2. Create a BMI Calculator
Description:
Create a simple form that asks for weight (kg) and height (cm), and calculates BMI
with health category (underweight, normal, overweight, obese).
Concepts:
Conditionals (if, else)
Form handling
DOM updates
3. Create a Basic Quiz App
Description:
Ask 3–5 multiple-choice questions. When user submits, show how many answers were
correct.
Concepts:
Radio buttons
Event listeners
DOM queries
Score logic
4. Create a Tip Calculator
Description:
Ask for the bill amount and tip percentage. Display the total tip and grand total.
Concepts:
Math operations
Real-time calculation on input
Formatting numbers (e.g. .toFixed(2))
5. Create a Live Character Counter
Description:
Create a text box and show how many characters have been typed (like Twitter). Warn
if the user exceeds a limit.
Concepts:
input event listener
String .length
Updating inner text dynamically