JSFiddle - React, Tailwind, and code Playground

HTML

<button>Click</button>
<div id="dialog"></div>

JavaScript

$("button").click(function() {
   showDialog('Do you want to continue?').then(function() {
      console.log("yes");
   }, function() {
      console.log("no");
   })
});

function showDialog(message) {
   var dfd = new $.Deferred();
   $("#dialog").dialog({
      modal: true,
      buttons: {
         "Yes": function() {
            dfd.resolve();
            $(this).dialog("close");
         },
         "No": function() {
            dfd.reject();
            $(this).dialog("close");
         }
      }
   });
   $("#dialog").html(message);
   return dfd;
}