title: 'statusChangeCallback' is not defined Facebook Javascript SDK Login Error
body: <p>For <strong>New Developers</strong> who are trying to integrate facebook login and authentication in their websites, they might receive the error if they'll simply try to copy the tutorial from Facebook Help for Developers. </p>
  
  <p>Error is : <em>Uncaught ReferenceError: statusChangeCallback is not defined</em></p>
  
  <p><a href="https://i.stack.imgur.com/Q6pgX.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Q6pgX.png" alt="Uncaught ReferenceError: statusChangeCallback is not defined"></a></p>
  
  <p>Code:</p>
  
  <pre><code>    &lt;script&gt;
          function checkLoginState() {
              FB.getLoginStatus(function (response) {
                  statusChangeCallback(response);
              });
          }
  
        (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 = "https://connect.facebook.net/en_US/sdk.js";
           fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
  
  
        window.fbAsyncInit = function () {
            FB.init({
                appId: '&lt;Your App ID&gt;',
                cookie: true,
                xfbml: true,
                version: 'v2.12'
            });
  
            FB.AppEvents.logPageView();
  
        }; 
      &lt;/script&gt;
  
      &lt;fb:login-button scope="public_profile,email"
                       onlogin="checkLoginState();"&gt;
      &lt;/fb:login-button&gt; 
  
  &lt;div id="status"&gt;&lt;/div&gt;
  </code></pre>