JSFiddle - React, Tailwind, and code Playground

by Cheng-Chung Chiu

HTML

<button class="a">
A
</button>
<button class="b">
B
</button>
<button class="c">
C
</button>

CSS

.clicked {
  background-color: YELLOW;
}
button{
  width: 100px;
  height:100px;
  background-color: GREEN;
}

JavaScript

$( document ).ready(function(){
  $(".a, .b, .c").click(function(){
  	//remove .clicked class
    $("button").each(function(){
        $(this).removeClass("clicked");
    })
    // add clicked class
    $(this).addClass("clicked")
  })
})