JSFiddle - React, Tailwind, and code Playground

by Elena Lembersky

HTML

<div>
  <input id="btnResolve" type="button" value="Relolve">
</div>
<div>
  <input id="btnReject" type="button" value="Reject">
</div>
<div>
  <input id="btnReport" type="button" value="Report">
</div>

JavaScript

var deferred = $.Deferred();
deferred.done(function() {
  console.log("resolved")
});
deferred.fail(function() {
  console.log("failed")
});
deferred.always(function() {
  console.log("always")
});

$(function() {
  $("#btnResolve").click(function() {
    deferred.resolve();
  });
  $("#btnReject").click(function() {
    deferred.reject();
  });
  $("#btnReport").click(function() {
    console.log(deferred.state());
  });
});