JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a href='#' class="active">Button 1</a></li>
    <li><a href='#'>Button 2</a></li>
    <li><a href='#'>Button 3</a></li>
</ul>

<br />
<input type="button" class="active" value="Button 1" />
<input type="button" value="Button 2" />
<input type="button" value="Button 3" />

CSS

ul li { display:block; float:left; }
.active { background:red; }

JavaScript

$('ul li a').click(function() {
   $('ul li a').removeClass('active');
   $(this).addClass('active');
});

$('input[type=button]').click(function() {
   $('input[type=button]').removeClass('active');
   $(this).addClass('active');
});