JavaScript Playground

Two blank editors for your own experiments. The first runs plain JavaScript and shows console output; the second gives you a small web page to manipulate with DOM code.

Console playground

Try it yourself
Console output

Page playground

This editor runs your code against a small HTML page. Click the button in the result to see it work, then change the code:

Try it yourself
Result

Tips

  • Errors appear in pink in the output area, with the error message.
  • Press Reset to restore the original code.
  • For larger experiments, use your browser's developer tools console (F12) or create a local HTML file — see lesson 02.
PreviousProject: To-Do App