JSFiddle - React, Tailwind, and code Playground

by marcgrabow

HTML

<div id="fb-root"></div>
<button id="me">me</button>

JavaScript

window.fbAsyncInit = function() {
    FB.init({
      appId      : '294799950542144', // App ID
    //channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true  // parse XFBML
    });

    // Additional initialization code here
  };

  // 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));

$('#me').click(function(){

    FB.api('/me', function(response) {
        console.log(response);
      alert('Your name is ' + response.name);
    });

});