alexismaster/dabblet.css

## dabblet.css
/**
 * The first commented line is your dabblet’s title
 */

body {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
}

input[type="button"] {
	padding: 5px 10px;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->

<input type="button" value="example 1" id="example1"/>
<input type="button" value="example 2" id="example2"/>

## dabblet.js
function example() {
	return
	{
		foo: 'bar'
	}
}

function example_2() {
	return {
		foo: 'bar'
	}
}

document.getElementById('example1').onclick = function () {alert(typeof example())}
document.getElementById('example2').onclick = function () {alert(typeof example_2())}

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* The first commented line is your dabblet’s title
	*/

	body {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
	}

	input[type="button"] {
	padding: 5px 10px;
	}
	<!-- content to be placed inside <body>…</body> -->

	<input type="button" value="example 1" id="example1"/>
	<input type="button" value="example 2" id="example2"/>
	function example() {
	return
	{
	foo: 'bar'
	}
	}

	function example_2() {
	return {
	foo: 'bar'
	}
	}

	document.getElementById('example1').onclick = function () {alert(typeof example())}
	document.getElementById('example2').onclick = function () {alert(typeof example_2())}