fb.html

<!DOCTYPE html>
<html>
<head>
<title>Facebook Login JavaScript Example</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
</head>
<body>
<script>

  function statusChangeCallback(response) {  // Called with the results from FB.getLoginStatus().
    console.log('statusChangeCallback');
    console.log(response);                   // The current login status of the person.
    if (response.status === 'connected') {   // Logged into your webpage and Facebook.
      testAPI();  
    } else {                                 // Not logged into your webpage or we are unable to tell.
      
    }
  }

 
  function checkLoginState() {               // Called when a person is finished with the Login Button.
    FB.getLoginStatus(function(response) {   // See the onlogin handler
      statusChangeCallback(response);
    });
  }


  window.fbAsyncInit = function() {
    FB.init({
            appId            : '1952015241854222',
            autoLogAppEvents : true,
            xfbml            : true,
            version          : 'v14.0'
          });


    FB.getLoginStatus(function(response) {   // Called after the JS SDK has been initialized.
      statusChangeCallback(response);        // Returns the login status.
    });
  };
  function logout()
        {
            FB.logout();
            location.reload();
        }
  function testAPI() {                      // Testing Graph API after login.  See statusChangeCallback() for when this call is made.
    }


</script>

<!-- The JS SDK Login Button -->


<div id="status">
</div>
<div style="text-align:center">
    <div class="fb-login-button" data-width="" data-size="large" data-button-type="continue_with" 
    data-layout="default" data-auto-logout-link="false" data-use-continue-as="false" scope="public_profile,email" onlogin="checkLoginState();"></div>
</div>
<button onclick="logout()">Logout</button>
<!-- Load the JS SDK asynchronously -->
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
</body>
</html>