<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'YOUR_APP_ID', // 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
      oauth      : true, // enable OAuth 2.0
      xfbml      : true  // parse XFBML
    });

    // Additional initialization code here
  };

  // Load the SDK Asynchronously
  (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));

   function facebookLogin() {
     FB.login(function (response) {
        access_token = response.session.access_token;
        if (response.session) {
          if (response.perms) {
            // refresh page
            window.location.reload();
          } else {
            // user is logged in, but did not grant any permissions
          }
        } else {
          // user is not logged in
        }
      }, { perms: 'email' });
   }
</script>

<a href="#" class="myButton" onclick="facebookLogin();">Connect to Facebook</a>

FB.api('/me', function (user) {
         if (user != null) {
            if (user.error) {
               // can't get info
            } else {
               var image = document.getElementById('image');
               image.src = 'https://graph.facebook.com/' + user.id + '/picture';
               var name = document.getElementById('name');
               name.innerHTML = user.name
            }
         }
      });

FB.api('/me', function(response) {
  alert(response.name);
});