JSFiddle - React, Tailwind, and code Playground

by Julien Roche

HTML

<pre></pre>

Babel + JSX

let preElement = document.querySelector('pre');
let messages = '';
let count = 0;

function addMessage(message) {
	messages += `${message}
`;
	preElement.innerText = messages;
}

function myAsyncFunction (name, timeout = 2000) {
	count += 1;
  addMessage(`Async function ${count} with name $ was called`);
  
	return new Promise(resolve => {
  	setTimeout(() => {
			addMessage(`Async function ${count} was executed`);
			resolve();
    
    }, timeout);
  });
}

myAsyncFunction(500)
	.then(() => myAsyncFunction(750))
  .then(() => myAsyncFunction(250))
  .catch(err => {
  	alert('Error !!');
  });