Skip to content

Use the GIPHY API to make a dynamic web page that populates with .gifs

Notifications You must be signed in to change notification settings

j10wy/giphy_api

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Summary

I used some jQuery, mostly for the ajax calls, and creating/appending elements to the page.

I also used some es6 features within jQuery callbacks.

View on Github Pages

	// Add the input area using es6 template strings so I can separate the code to multiple lines and not worry about whitespace.
	jumbotron.append(`
	<form id="movie-form">
		<div class="input-group"><input id="movie-input" type="text" class="form-control" placeholder="Enter a movie title...">
			<span id="submit-add" class="input-group-addon bttn-success bttn-material-flat">
				<button type="submit" class="glyphicon glyphicon-plus"></button>
			</span>
		</div>
	</form>`);

	//...

	var p = $("<p>").text(`Rating: ${gif.rating}`);
	divColXs12.append(p);

Resources

$.queue()

MDN: Spread syntax

MDN: Element.classList

About

Use the GIPHY API to make a dynamic web page that populates with .gifs

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published