xerosanyam · May 18, 2017 05:01
diff --git a/giphy.js b/giphy.js
 // on page load, search for & display a random gif matching your search term using the Giphy API.
 // usage: 
 //   include giphy.js in your <head>
 //   set q to your search term (e.g. "brunch")
 //   add <span id = "giphyme"></span> wherever you want to display the image. -- FYI, it will be centered.
 // big ups to the Giphy crew (giphy.com)
 // 2014 - Neal Shyam [@nealrs | nealshyam.com]

 document.addEventListener('DOMContentLoaded', function () {
 	q = "finger guns"; // search query
 	
 	request = new XMLHttpRequest;
 	request.open('GET', 'http://api.giphy.com/v1/gifs/random?api_key=dc6zaTOxFJmzC&tag='+q, true);
 	
 	request.onload = function() {
 		if (request.status >= 200 && request.status < 400){
 			data = JSON.parse(request.responseText).data.image_url;
 			console.log(data);
 			document.getElementById("giphyme").innerHTML = '<center><img src = "'+data+'"  title="GIF via Giphy"></center>';
 		} else {
 			console.log('reached giphy, but API returned an error');
 		 }
 	};

 	request.onerror = function() {
 		console.log('connection error');
 	};

 	request.send();
 });

 // minimal demo 

 //<html>
 //<head>
 //	<title>giphy.js demo</title>
 //	<script src="giphy.js"></script>
 //</head>
 //<body>
 //	<span id = "giphyme"></span>
 //</body>
 //</html>
	// on page load, search for & display a random gif matching your search term using the Giphy API.
	// usage:
	// include giphy.js in your <head>
	// set q to your search term (e.g. "brunch")
	// add <span id = "giphyme"></span> wherever you want to display the image. -- FYI, it will be centered.
	// big ups to the Giphy crew (giphy.com)
	// 2014 - Neal Shyam [@nealrs \| nealshyam.com]

	document.addEventListener('DOMContentLoaded', function () {
	q = "finger guns"; // search query

	request = new XMLHttpRequest;
	request.open('GET', 'http://api.giphy.com/v1/gifs/random?api_key=dc6zaTOxFJmzC&tag='+q, true);

	request.onload = function() {
	if (request.status >= 200 && request.status < 400){
	data = JSON.parse(request.responseText).data.image_url;
	console.log(data);
	document.getElementById("giphyme").innerHTML = '<center><img src = "'+data+'" title="GIF via Giphy"></center>';
	} else {
	console.log('reached giphy, but API returned an error');
	}
	};

	request.onerror = function() {
	console.log('connection error');
	};

	request.send();
	});

	// minimal demo

	//<html>
	//<head>
	// <title>giphy.js demo</title>
	// <script src="giphy.js"></script>
	//</head>
	//<body>
	// <span id = "giphyme"></span>
	//</body>
	//</html>