<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>

  <body>
    <h1>Hello Plunker!</h1>
    
    <button onclick="share();">
		Share
	</button>

  </body>

</html>
// Code goes here

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

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

			FB.ui({
				method: 'share',
				href: 'http://abhinavgujjar.github.io',
				display: 'popup'
			}, function(response){
				if (response && !response.error_code) {
					console.log("OK: "+JSON.stringify(response));
		} else if (response && response.error_code === 4201) { //Cancelled
			console.log("User cancelled: "+decodeURIComponent(response.error_message));
		} else {
			console.log("Not OK: "+JSON.stringify(response));
		}
	});
		}
/* Styles go here */