JSFiddle - React, Tailwind, and code Playground

HTML

<button id="button1">Button 1</button>

<button id="button2">Button 2</button>

<div class="click" type="button"></div>

CSS

button {
         color: white;
         background-color: gray;
         font-size: 15px;
         padding: 30px 30px;
        }

JavaScript

var button = document.getElementById("button1");
var clickBtn = document.getElementsByClassName('click')[0];

button.disabled = true;

clickBtn.addEventListener('click', function(event) {
    button.disabled = !button.disabled;
});

button.addEventListener('click', function(event) {
    alert('Enabled!');
});