JSFiddle - React, Tailwind, and code Playground

HTML

<div class="button_hof selected">1</div>
<div class="button_hof">2</div>
<div class="button_hof">3</div>
<div class="button_hof">4</div>

CSS

.selected {color: hotpink;}

JavaScript

var allButtons = jQuery('.button_hof');
jQuery('.button_hof').click(function(e){
	var $active = jQuery(this);
    allButtons.removeClass('selected');
    $active.addClass('selected');
});