JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" value="disable" />
<input type="text" value="true" />
<input type="text" value="" />
<br/>
<input type="button" value="restore" />
<br/>

<br/><input type="button" value="alert" /><span class="alert"></span>
<br/><input type="button" value="confirm" /><span class="confirm"></span>
<br/><input type="button" value="prompt" /><span class="prompt"></span>

CSS

span {
    color: #08f;
}

JavaScript

var DialogsControl = function(w){
  w = w || window;
  var d = {
    alert: w.alert,
    confirm: w.confirm,
    prompt: w.prompt
  };

  return {
    disable: function(confirmRet, promptRet){
      if (typeof confirmRet === 'undefined')
        confirmRet = true;
      if (typeof promptRet === 'undefined')
        promptRet = '';
      w.alert = function(){};
      w.confirm = function(){return confirmRet;};
      w.prompt = function(){return promptRet;};
    },
    restore: function(){
      w.alert = d.alert;
      w.confirm = d.confirm;
      w.prompt = d.prompt;
    }
  };    
};

dc = DialogsControl();

'alert,confirm,prompt'.split(',').map(function(df){ 
    $('[value="'+df+'"]').on('click', function(){
        $('.'+df).html(window[df]());
    });
});

$('[value="disable"]').on('click', function(){
    dc.disable(
        $('input[type="text"]').eq(0).val(),
        $('input[type="text"]').eq(1).val()
    );
});

$('[value="restore"]').on('click', function(){
    dc.restore();
});