JSFiddle - React, Tailwind, and code Playground

by Kleber Mota

HTML

<body onload="foo()">
 <div id="box">
 
 </div>
</body>

JavaScript

function foo() {
var promise1 = new Promise(function(resolve, reject) {
  setTimeout(function() {
    resolve('1');
  }, 300);
});

promise1.then(function(value) {
  document.getElementById("box").innerText = value;
});

var promise2 = new Promise(function(resolve, reject) {
  setTimeout(function() {
    resolve('2');
  }, 300);
});

promise2.then(function(value) {
  document.getElementById("box").innerText = value;
});

var promise3 = new Promise(function(resolve, reject) {
  setTimeout(function() {
    resolve('3');
  }, 300);
});

promise3.then(function(value) {
  document.getElementById("box").innerText = value;
});
}