gilles-leblanc · April 13, 2013 02:44
diff --git a/dabblet.css b/dabblet.css
 /** Functions
 * 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>
diff --git a/dabblet.js b/dabblet.js
 // function declaration
 function ModifyDiv(value) {
 	document.getElementById("first-result").innerHTML =  value;
 } 

 ModifyDiv("ModifyDiv called");

 // anonymous function
 var anonymousFunction = function() {
 	document.getElementById("second-result").innerHTML = "called anonymousFunction";
 }

 // calling function stored in variable anonymousFunction
 anonymousFunction();

 // function constructor
 var constructedFunction = new Function("message", "document.getElementById('third-result').innerHTML = message;");
 constructedFunction("Hello world");
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"javascript"}
	/** Functions
	* 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>
	// function declaration
	function ModifyDiv(value) {
	document.getElementById("first-result").innerHTML = value;
	}

	ModifyDiv("ModifyDiv called");

	// anonymous function
	var anonymousFunction = function() {
	document.getElementById("second-result").innerHTML = "called anonymousFunction";
	}

	// calling function stored in variable anonymousFunction
	anonymousFunction();

	// function constructor
	var constructedFunction = new Function("message", "document.getElementById('third-result').innerHTML = message;");
	constructedFunction("Hello world");