JSFiddle - React, Tailwind, and code Playground

by p_marre

HTML

<div class="text-center row">
 <ul  class="col-md-12 secondNav">
  <li id="navItem" class="navbar-brand nav-item" style="margin-right: 9%">
    <a href="#" ><strong>INICIO</strong> </a>
  </li>
  <li  class="navbar-brand nav-item" >
    <a href="#"><strong>COMPARAR</strong></a>
  </li>
</ul>
</div>

JavaScript

$(document).ready(function(){
  $('.nav-item').click(function(e){
  $(e.target).css('backgroundColor', 'red');
   });
});