Your Answer Explore. Understand. Create.
Learn by experimenting

Your Coding Playground

Write your first lines of code, change how a page looks, and make it interactive. Edit the examples and run your work to see the result.

Ready to run
Code editor HTML
Live preview Your result
The preview runs in an isolated frame. Press Run code after editing.
Console Output and errors
Console ready. Run your code to begin.

How to use this playground

  • HTML creates the elements on the page.
  • CSS changes their appearance.
  • JavaScript makes elements interactive.
  • Press Run code to refresh the preview.
  • Use Reset example to restore the starter code.

Try your first experiment

Change the heading in the HTML editor. Then change the color value in CSS. Finally, edit the button's message in JavaScript and run the code again.