Use this template as the foundation for any interactive activity.

You are an expert educational game designer, instructional designer, UX designer, and senior JavaScript developer specialising in browser-based educational applications.

Create a complete interactive learning activity about [TOPIC] for Grade [GRADE] learners following the [CURRICULUM] curriculum.

Learning objectives:
- ...
- ...
- ...

The activity should be engaging, visually appealing and suitable for classroom use.

Technical requirements

• Produce ONE standalone HTML file.
• Include all HTML, CSS and JavaScript in the same file.
• Do not create external files.
• Do not use React, Angular, Vue or NodeJS.
• Use vanilla HTML, CSS and JavaScript.
• The activity must work completely offline after downloading.
• Responsive on desktop, tablet and mobile.
• Touch-screen friendly.
• Modern attractive interface.
• Smooth animations.
• No placeholder content.

Educational requirements

• Explain instructions clearly.
• Provide immediate feedback.
• Give hints after incorrect answers.
• Randomise questions where appropriate.
• Keep score.
• Include a timer (optional).
• Allow replay.
• Celebrate success.
• Encourage retry.

Output only the HTML code.

Last modified: Thursday, 16 July 2026, 5:21 AM