JSFiddle - React, Tailwind, and code Playground

by darcyclarke

HTML

<a href="#">Facebook Log In</a>

<script type="text/javascript">
      (function(d, s, id){
       var js, fjs = d.getElementsByTagName(s)[0];
       if (d.getElementById(id)) {return;}
       js = d.createElement(s); js.id = id;
       js.src = "//connect.facebook.net/en_US/sdk.js";
       fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
</script>

JavaScript

// Dummy Setup
var facebookAppID = '772292312817146';

// Facebook Init
window.fbAsyncInit = function() {
  FB.init({
      appId   : facebookAppID,
      xfbml   : true,
      version : 'v2.0'
  });
};

// Register
$('a').on('click', function(e) {
    
    // Prompt Facebook Login
    FB.login(function(response) {
        
        // Get Temporary Token from Response
        console.log(response);
        var token = response.authResponse.accessToken;
      
    });

});