JavaScript Hands-On Hub

Activities: Output, Variables, Operators, User Input, Conditionals, Loops, DOM Events, Grade Calculator & More

Activity 1: First JavaScript Output

Check console after clicking "Log to Console"

Activity 2: Variables and Data Types

Click to see name, age, isStudent and sentence in console.

Activity 3: Arithmetic Operations

Results will appear here.

Activity 4: User Input (prompt)

Activity 5: Conditional Statements (Age Eligibility)

Activity 6: Loops (For & While)

Check browser console for loop outputs.

Activity 7: Button Click Event (Alert)

Clicking shows "Button Clicked!" alert.

DOM Manipulation Activities

1. Change Background Color
2. Dark Mode Toggle
3. Add New List Items
  • Default Item 1
  • Default Item 2
4. Remove Paragraph

This paragraph can be removed. Click the button to delete me.

5. Character Counter

Characters: 0

6. Simple Addition Calculator
+

Result: -

7. Change Image
Sample Image
8. Mini To-Do List

    Student Grade Calculator (Exercise 4)

    Formula: Quiz (20%) + Exam (30%) + MCO (50%)




    Final Grade: --
    Grade Equivalent: --
    ScoreGrade
    90 – 100A
    80 – 89B
    70 – 79C
    60 – 69D
    Below 60F