JSFiddle - React, Tailwind, and code Playground

by cdaringe

HTML

<script src="https://cdn.jsdelivr.net/rsvp/3.0/rsvp.min.js"></script>
<div id="log">
</div>

JavaScript

var i = 0;

function log(data){
    var loggy = document.getElementById("log");
    loggy.innerHTML = loggy.innerHTML + "<br/>" + data;
};
log("Init<br/>");

function resolvesInHalfSecond(){
    return new Promise(function(resolve, reject){
        setTimeout(function(){
            log("resolving " + ++i);
            resolve();
        },500);
    });
}

var testP = Promise.resolve(),
    testP2;

testP.then(function(){
   log("1 then");
   return resolvesInHalfSecond();
});

testP.then(function(){
   log("2 then");
    return resolvesInHalfSecond();
});