****************************************************

<div class="reaction"><!-- container div for reaction system -->
    <span class="like-btn"> <!-- Default like button -->
        <span class="like-btn-emo like-btn-default"></span> <!-- Default like button emotion-->
        <span class="like-btn-text">Like</span> <!-- Default like button text,(Like, wow, sad..) default:Like  -->
          <ul class="reactions-box"> <!-- Reaction buttons container-->
                <li class="reaction reaction-like" data-reaction="Like"></li>
                <li class="reaction reaction-love" data-reaction="Love"></li>
                <li class="reaction reaction-haha" data-reaction="HaHa"></li>
                <li class="reaction reaction-wow" data-reaction="Wow"></li>
                <li class="reaction reaction-sad" data-reaction="Sad"></li>
                <li class="reaction reaction-angry" data-reaction="Angry"></li>
          </ul>
    </span>
    <div class="like-stat"> <!-- Like statistic container-->
        <span class="like-emo"> <!-- like emotions container -->
            <span class="like-btn-like"></span> <!-- given emotions like, wow, sad (default:Like) -->
        </span>
        <span class="like-details">Arkaprava Majumder and 1k others</span>
    </div>
</div>

=========================================================
$(".reaction").on("click",function(){   // like click
    var data_reaction = $(this).attr("data-reaction"); // collecting unique identifier
    $(".like-details").html("You, Arkaprava Majumder and 1k others"); // your click it is right?
    $(".like-btn-emo").removeClass().addClass('like-btn-emo').addClass('like-btn-'+data_reaction.toLowerCase());  // add class ... like-btn-haha 
    $(".like-btn-text").text(data_reaction).removeClass().addClass('like-btn-text').addClass('like-btn-text-'+data_reaction.toLowerCase()).addClass("active"); // like button text color class
 
    if(data_reaction == "Like") // if click like emoji
      $(".like-emo").html('<span class="like-btn-like"></span>');
    else // click other emoji
      $(".like-emo").html('<span class="like-btn-like"></span><span class="like-btn-'+data_reaction.toLowerCase()+'"></span>');
});