Promises - Basic

by wimpyprogrammer

HTML

<div id="result"></div>

CSS

#result {
  font-size: xx-large;
  padding: 1em;
}

JavaScript

var result = document.getElementById('result');
function write(text) {
	result.innerHTML += text + '<br/>';
}

function resolvingPromise() {
	return new Promise(function(resolve, reject) {
  	resolve('Success!');
  });
}

function rejectingPromise() {
	return new Promise(function(resolve, reject) {
  	reject(new Error('Something went wrong!'));
  });
}

resolvingPromise()
	.then(function(msg) { write('then1 ' + msg); })
	['catch'](function(msg) { write('catch1 ' + msg); });
 
 rejectingPromise()
	.then(function(msg) { write('then2 ' + msg); })
	['catch'](function(msg) { write('catch2 ' + msg); });
 
 write('<strong>Begin</strong>');