Add Interactive Code Snippets / Playgrounds

[sammy6378]

We want learners to experiment with code directly within the docs. This makes the content more practical and fun!

Tasks:

Embed interactive playgrounds (CodePen, StackBlitz, or JSFiddle) for HTML/CSS/JS examples

Add “Try It Yourself” buttons next to important code blocks

Include a short example for each major topic (loops, functions, DOM, etc.)

Ensure each snippet is simple, working, and easy to understand

Goal:
Make the docs interactive so students can learn by doing, not just reading.