JSFiddle - React, Tailwind, and code Playground

by Gabriele Petrioli

HTML

<a href="#">Click me!</a>
<div></div>

JavaScript

function callBackend(count) {

  var deferred = $.Deferred();

  setTimeout(function() {
    $("div").append("<p>" + count + "</p>");
    deferred.resolve();
  }, 1500);

  return deferred;
}

$(function() {

  $("a").click(function() {

    var promises = [];

    for (i = 1; i <= 10; i++) {
      var deferred = callBackend(i);

      promises.push(deferred);
    }

    $.when.apply($, promises).then(function() {
      $("div").append("<p>All done!</p>");
    });
  });
});