JSFiddle - React, Tailwind, and code Playground

by Nick Iaconis

HTML

<button id="dbutton" disabled="disabled">
Disabled
</button>

JavaScript

let popup;
const button = document.getElementById('dbutton');
button.addEventListener('mouseover', () => {
	if (!popup) {
  	popup = document.createElement('div');
    popup.innerText = "This button is disabled.";
    popup.style = {
    	padding: '8px',
      border: '1px solid black',
    };
  }
  document.body.appendChild(popup);
});
button.addEventListener('mouseout', () => {
	if (!!popup) {
  	popup.remove();
  }
})