JavaScript eval console

One of the things I frequently find myself needing to do as I explore the JavaScript language is to quickly code up little snippets of JavaScript code and run them. Once I'd tired myself of spinning up little HTML files scattered all over the place, I figured I'd write an interactive console of sorts where I can quickly experiment with JS code. Starting with a simple textarea embedded in an HTML page I eventually ended up with the page in its current incarnation. Here's a screen shot of the console in action:

The console uses and Mozilla's Ace web editor to get support for things like auto-indent and syntax highlighting. You can hit the keyboard combination Ctrl+Enter to make the console run the code that is currently in the console. The page automatically loads the latest version of jQuery for you so you have all the $ goodness available to you. There are also a bunch of built-in utility functions available that you can call. Here's a list:

Function What it does Example
print(msg) Prints the string passed to it to the output console. print("Hello.");
pprint(msg) Prints the string passed to it to the output console using <pre> tag. pprint("Pre-formatted hello.");
sprintf(fmt, ...) Similar to the 'C' sprintf function. Returns formatted string. Credit for function goes to print(sprintf("ms since 1/1/1970: %d",;
escapeHTML Use this function if you're trying to print a bit of HTML snippet to the console. If you directly print HTML then the console will simply render it! print(escapeHTML("<div>markup</div>"));
clear Clears the message log pane. clear();

If you'd like to access an online version of the console that you can run right away, then use this:

Run JavaScript Eval

If you'd prefer to use an offline version instead then download it here (note that Google Chrome seems to have problems running this page if served from the disk - so if you're running offline then please stick to IE9, FF or Safari):

Download JavaScript Eval

comments powered by Disqus