gilles-leblanc · April 13, 2013 01:29
diff --git a/dabblet.css b/dabblet.css
 /** No block scope and variable hoisting
 * The first commented line is your dabblet’s title
 */

 background: #f06;
 background: linear-gradient(45deg, #f06, yellow);
 min-height: 100%;
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <div id="first-result"></div>
 <div id="second-result"></div>
 <div id="third-result"></div>
 <div id="fourth-result"></div>
diff --git a/dabblet.js b/dabblet.js
 // x will remain in scope even after we leave the block scope of the if statement
 if (true) {
 	var x = 6;
 }

 // accessing variable defined in another block-scope
 document.getElementById("first-result").innerHTML = x;

 // y will not be declared because we still have to run the variable declaration statement
 if (false) {
 	var y = 4;
 }

 document.getElementById("second-result").innerHTML = y;

 if (true) {
 	z = 7;
 }

 // variable is assigned even if it is not declared
 var z;
 document.getElementById("third-result").innerHTML = z;
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/** No block scope and variable hoisting
	* 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-result"></div>
	<div id="second-result"></div>
	<div id="third-result"></div>
	<div id="fourth-result"></div>
	// x will remain in scope even after we leave the block scope of the if statement
	if (true) {
	var x = 6;
	}

	// accessing variable defined in another block-scope
	document.getElementById("first-result").innerHTML = x;

	// y will not be declared because we still have to run the variable declaration statement
	if (false) {
	var y = 4;
	}

	document.getElementById("second-result").innerHTML = y;

	if (true) {
	z = 7;
	}

	// variable is assigned even if it is not declared
	var z;
	document.getElementById("third-result").innerHTML = z;