JSFiddle - React, Tailwind, and code Playground

by Vinit Divekar

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="Red">
Red
</button>

<button id="Green">
Green
</button>

CSS

button:hover{
   opacity: .5;
}

button:focus{
   background-color: pink;
}

#Red {
  
   background-color: red;
  
}

#Green {  
   background-color: green;
  
}

JavaScript

var buttons = $('button');
buttons.click(function() {
  buttons.css('background-color', 'snow');
  $(this).css('background-color', 'pink');
});