JSFiddle - React, Tailwind, and code Playground

HTML

<button type="button" id="button1" class="btn btn-warning" >
      Fire alert on Click
   </button>
<br>
    <br>

   <button type="button" id="button2" class="btn btn-danger" >
      Disable first button
   </button>

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');
.disable{
    opacity:0.4;
    pointer-events:none
}

JavaScript

$("#button1").click(function(){
alert("Hello");
})
$("#button2").click(function(){
$("#button1").addClass("disable");
})