JSFiddle - React, Tailwind, and code Playground

HTML

<html>     
     <head>       
     <title>My Facebook Login Page</title>     
     </head>     
 <body>       
     <div id="fb-root"></div>          
     
     <div class="fb-login-button">Login with Facebook</div>     
     
     </body>  

</html>

JavaScript

window.fbAsyncInit = function() {
    FB.init({
        appId: '232894623452511',
        status: true,
        cookie: true,
        xfbml: true,
        oauth: true,
    });
};
(function(d) {
    var js, id = 'facebook-jssdk';
    if (d.getElementById(id)) {
        return;
    }
    js = d.createElement('script');
    js.id = id;
    js.async = true;
    js.src = "//connect.facebook.net/en_US/all.js";
    d.getElementsByTagName('head')[0].appendChild(js);
}(document));

<div class="fb-like" data-href="https://www.facebook.com/nationalssoccerclub/" 
			   data-width="100" data-layout="button" data-action="like" data-size="small" data-show-faces="false" 
			   data-share="false"></div>