gilles-leblanc/dabblet.css

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

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

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div id="first-element"></div>

## dabblet.js
var i = 10;

// block scope
{
	for (i = 0; i <= 20; i++) {
		// do stuff
	}
}

document.getElementById("first-result").innerHTML = i;

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

	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
	<!-- content to be placed inside <body>…</body> -->
	<div id="first-element"></div>
	var i = 10;

	// block scope
	{
	for (i = 0; i <= 20; i++) {
	// do stuff
	}
	}

	document.getElementById("first-result").innerHTML = i;