gilles-leblanc/dabblet.css

## dabblet.css
/** Strings and numbers conversions
 * 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>
<div id="fourth-result"></div>

## dabblet.js
// alert('Hello world!');

var x = 10;

// string concat with + operator
document.getElementById("first-result").innerHTML = x + "10";

// integer addition
document.getElementById("second-result").innerHTML = x + 10;

// integer substraction
document.getElementById("third-result").innerHTML = 40 - x;

// with -, first string is converted to number
document.getElementById("fourth-result").innerHTML = "40" - x;

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"javascript"}
	/** Strings and numbers conversions
	* 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>
	// alert('Hello world!');

	var x = 10;

	// string concat with + operator
	document.getElementById("first-result").innerHTML = x + "10";

	// integer addition
	document.getElementById("second-result").innerHTML = x + 10;

	// integer substraction
	document.getElementById("third-result").innerHTML = 40 - x;

	// with -, first string is converted to number
	document.getElementById("fourth-result").innerHTML = "40" - x;