gilles-leblanc/dabblet.css

## dabblet.css
/** Functions
 * 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-result"></div>
<div id="second-result"></div>
<div id="third-result"></div>

## 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");

## 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");