JSFiddle - React, Tailwind, and code Playground

by jakie8

HTML

<div class="fb-like-box" data-href="http://www.facebook.com/streetleague" data-width="292" data-height="420" data-colorscheme="light" data-show-faces="true" data-border-color="black" data-stream="false" data-header="false">

JavaScript

window.fbAsyncInit = function() {
    FB.init({
        appId: 'YOUR_APP_ID',
        channelUrl: '//WWW.YOUR_DOMAIN.COM/channel.html',
        status: true,
        cookie: true,
        xfbml: true
    });

    var url = "http://streetleague.com";

    FB.Event.subscribe('edge.create', function(href, widget) {
        var fql_query = "SELECT url, normalized_url, share_count, like_count, comment_count, total_count, commentsbox_count, comments_fbid, click_count FROM link_stat WHERE url=" + url + '"';
        FB.Data.query(fql_query).wait(function(data) {
            if (data.like_count == 1000000) {
                alert('You are the millionth liker!');
            }
        });
    });
};

// Load the SDK Asynchronously
(function(d) {
    var js, id = 'facebook-jssdk',
        ref = d.getElementsByTagName('script')[0];
    if (d.getElementById(id)) {
        return;
    }
    js = d.createElement('script');
    js.id = id;
    js.async = true;
    js.src = "//connect.facebook.net/en_US/all.js";
    ref.parentNode.insertBefore(js, ref);
}(document));