Facebook Emoticon Reaction

Submitted by rinvizle on Tuesday, July 12, 2016 - 14:55.

If you are looking for a Facebook Emoticon Reaction you are at the right place to deal with it. This tutorial will help you how to create a like reaction script . This projects reacts to the statuses that you posted. I have a sample code below. Result

Sample Code

Javascript Query

$(document).ready(function(){
  $(".reaction").on("click",function(){
        var data_reaction = $(this).attr("data-reaction");
        $(".like-details").html("Your Friends and 1k others like this!");
        $(".like-btn-emo").removeClass().addClass('like-btn-emo').addClass('like-btn-'+data_reaction.toLowerCase());
        $(".like-btn-text").text(data_reaction).removeClass().addClass('like-btn-text').addClass('like-btn-text-'+data_reaction.toLowerCase()).addClass("active");;
 
        if(data_reaction == "Like")
          $(".like-emo").html('<span class="like-btn-fist"></span>');
        else
          $(".like-emo").html('<span class="like-btn-fist"></span><span class="like-btn-'+data_reaction.toLowerCase()+'"></span>');
  });
  
  $(".like-btn-text").on("click",function(){
          if($(this).hasClass("active")){
                  $(".like-btn-text").text("Like").removeClass().addClass('like-btn-text');
                  $(".like-btn-emo").removeClass().addClass('like-btn-emo').addClass("like-btn-default");
                  $(".like-emo").html('<span class="like-btn-fist"></span>');
                  $(".like-details").html("Your Friends and 1k others like this!");
                  
          }       
  })
});

Hope that you like it. Enjoy Coding.

Add new comment

126 views