JSFiddle - React, Tailwind, and code Playground

by acbabis

HTML

<button>
Submit
</button>

CSS

button {
  background-color: #002663;
  color: white;
  border-radius: 5px;
  font-weight: bold;
  font-family: Arial;
  padding: 10px;
  font-size: 15px;
  border: 0;
  width: 130px;
}

button[disabled] {
  opacity: .7;
}

JavaScript

document.querySelector('button').addEventListener('click', function() {
	this.textContent = 'Please Wait...';
  this.disabled = true;
  var button = this;
  setTimeout(function() {
  	button.style.display = 'none';
  }, 3000);
})