JSFiddle - React, Tailwind, and code Playground

by mkdizajn

HTML

<ul id="progress">
</ul>

JavaScript

main();

function main(){
    logProgress('start');
  a().done(function(){
    logProgress('all completed');
  });
}

// called by main()
function a() {
    logProgress('a called');
  return $.ajax("/echo/html").pipe(function(data){
    for (var i = 0; i < 2; i++) {
      logProgress('calling b');
      b();
    }
  });
}

// called by a()
function b() {
  for (var i = 0; i < 2; i++) {
    $.ajax("/echo/json").pipe(function(data){
      // do something
      logProgress('b called');
    });
  }
}

function logProgress(message){
    $('#progress').append('<li>'+message+'</li>');
}