JSFiddle - React, Tailwind, and code Playground

by Sir_Pepe

HTML

<p id="Alpha"></p>
<p id="Beta"></p>
<p id="Gamma"></p>

JavaScript

var genFn = function*(){
  document.getElementById('Alpha').innerHTML = yield $.post('/echo/html/', { html: 'Test 1', delay: 1 });
  document.getElementById('Beta').innerHTML  = yield $.post('/echo/html/', { html: 'Test 2', delay: 1 });
  document.getElementById('Gamma').innerHTML = yield $.post('/echo/html/', { html: 'Test 3', delay: 1 });
}
var gen = genFn();

var resume = function(deferred){
  deferred.done(function(text){
    var next = gen.next(text);
    if(!next.done){
      resume(next.value);
    }
  });
}

resume(gen.next().value);