JSFiddle - React, Tailwind, and code Playground

by Ranjith Kumar

HTML

<ul class="grid">

   <div id='categoria' cat='web'></div>

    <li id='1' data-x="2"><img src="../../images/img5.jpg" /></li>

   <li id="category">

      <div class='categories' id='about'>

      </div>

      <div class='categories' id='contact'></div>

      <div id='titulo-web'><h3>Diseño Web</h3></div>
      <div class='categories' id='web'>

      </div>

      <div id='tituloilus'><h3>Ilustracion</h3></div>

      <div class='categories' id='ilustracion'>

      </div>

      <div  style='height:1000px;'></div>
    </li>
</ul>

JavaScript

$('#tituloilus').on('click' , function() { 
     alert('You have selected it'); 
});