kebman/callback.html

## callback.html
<!DOCTYPE html>
<html>
<head>
	<title>Example of using callbacks in JavaScript</title>
	<meta charset="utf-8" />
	<style type="text/css"></style>
</head>
<body>
	<header>
		<h1>Simulation of delayed callback functionality</h1>
	</header>
	<article>
		<h1>Test Area</h1>
		<p id="pub">Waiting for response…</p>
	</article>
</body>
<script>

var pub = document.getElementById("pub");

function caller(data, callback) {
	// run function
	callback(data + " has finally arrived");
}

function delayedFunc(input) {
	// simulate delay in the function that is called back
	setTimeout(function () {
		pub.innerHTML = (input);
	}, 1500);
}

// test run:
caller("The delayed data", delayedFunc);

/*
* Callbacks are often used when data retrieval is expected to be delayed.
* Here is a simulation of a funciton with such a delay, and how a callback can solve the delayed execution of if.
*/
</script>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Example of using callbacks in JavaScript</title>
	<meta charset="utf-8" />
	<style type="text/css"></style>
	</head>
	<body>
	<header>
	<h1>Simulation of delayed callback functionality</h1>
	</header>
	<article>
	<h1>Test Area</h1>
	<p id="pub">Waiting for response…</p>
	</article>
	</body>
	<script>

	var pub = document.getElementById("pub");

	function caller(data, callback) {
	// run function
	callback(data + " has finally arrived");
	}

	function delayedFunc(input) {
	// simulate delay in the function that is called back
	setTimeout(function () {
	pub.innerHTML = (input);
	}, 1500);
	}

	// test run:
	caller("The delayed data", delayedFunc);

	/*
	* Callbacks are often used when data retrieval is expected to be delayed.
	* Here is a simulation of a funciton with such a delay, and how a callback can solve the delayed execution of if.
	*/
	</script>
	</html>