JSFiddle - React, Tailwind, and code Playground

by yochail

HTML

<button onclick="fbLogin()">login</button>
<select id="pages"></select>
<button onclick="InstallApp()">Install App</button>
<script>

 window.fbAsyncInit = function() {
    FB.init({
      appId            : '305477633412083',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v3.2'
    });
  };

  (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'));

   

   var pageobjects = [];
	 
  var fbLogin =  function(){
		  FB.login(function(response) {
			if (response.authResponse) {
			 console.log('Welcome!  Fetching your information.... ');
			 FB.api('/me', function(response) {
			   console.log('Good to see you, ' + response.name + '.');
			   getPageToken();
			 });
			} else {
			 console.log('User cancelled login or did not fully authorize.');
			}
		});
	}
	
	
	var getPageTokens =  function(){
		FB.api('/me/accounts','GET',{},
	  function(response) {
			 let optionList = document.getElementById('pages').options;
	let options = response.data.forEach(page=>{	
		optionList.add(new Option(page.name, page.access_token))
	});
	
	
})
};

	var InstallApp = function(){
	 let optionList = document.getElementById('pages');
	 var pageAccessToken = optionList.value;
	 FB.api(
  '/' + pageAccessToken + '/subscribed_apps',
  'POST',
  {"subscribed_fields":"[\"feed\"]"},
  function(response) {
      console.log('install success')
  }
);
	}


</script>

JavaScript

window.fbAsyncInit = function() {
    FB.init({
      appId            : '305477633412083',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v3.2'
    });
  };

  (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'));

   

   var pageobjects = [];
	 
  var fbLogin =  function(){
		  FB.login(function(response) {
			if (response.authResponse) {
			 console.log('Welcome!  Fetching your information.... ');
			 FB.api('/me', function(response) {
			   console.log('Good to see you, ' + response.name + '.');
			   getPageToken();
			 });
			} else {
			 console.log('User cancelled login or did not fully authorize.');
			}
		});
	}
	
	
	var getPageTokens =  function(){
		FB.api('/me/accounts','GET',{},
	  function(response) {
			 let optionList = document.getElementById('pages').options;
	let options = response.data.forEach(page=>{	
		optionList.add(new Option(page.name, page.access_token))
	});
	
	
})
};

	var InstallApp = function(){
	 let optionList = document.getElementById('pages');
	 var pageAccessToken = optionList.value;
	 FB.api(
  '/' + pageAccessToken + '/subscribed_apps',
  'POST',
  {"subscribed_fields":"[\"feed\"]"},
  function(response) {
      console.log('install success')
  }
);
	}