Question
This is a big headache for me can someone help me i'll alwyas be grateful!!! My API code incase you need it: Api Key:5StzNorv7FGRNMIvb0X0ZmBqm7xDwPbB In
This is a big headache for me can someone help me i'll alwyas be grateful!!!
My API code incase you need it: Api Key:5StzNorv7FGRNMIvb0X0ZmBqm7xDwPbB
In this assignment, you'll use the GIPHY API to make a dynamic web page that populates with gifs of your choice. To finish this task, you must call the GIPHY API and use JavaScript and jQuery to change the HTML of your site. (YOU SHOULD BE ABLE TO CLICK ON THE IMAGE TO START AND CLICK TO PAUSE VISE VERSA)
Before You Begin
Hit the GIPHY API.
Fool around with the GIPHY API. Giphy API.
Be sure to read about these GIPHY parameters (hint, hint):
q
limit
rating
Like many APIs, GIPHY requires developers to use a key to access their API data. To use the GIPHY API, you'll need a GIPHY account (don't worry, it's free!) and then obtain an API Key by creating an app.
Make sure you switch the protocol in the query URL from http to https, or the app may not work properly when deployed to Github Pages.
WATCH THE DEMO https://www.dropbox.com/s/zg7v3mpive4m6yb/homework_demo%20%281%29.mov?dl=1
You should have a high-level understanding of how this assignment works before attempting to code it.
Instructions
Before you can make any part of our site work, you need to create an array of strings, each one related to a topic that interests you. Save it to a variable called topics.
We chose animals for our theme, but you can make a list to your own liking.
Your app should take the topics in this array and create buttons in your HTML.
Try using a loop that appends a button for each string in the array.
When the user clicks on a button, the page should grab 10 static, non-animated gif images from the GIPHY API and place them on the page.
When the user clicks one of the still GIPHY images, the gif should animate. If the user clicks the gif again, it should stop playing.
Under every gif, display its rating (PG, G, so on).
This data is provided by the GIPHY API.
Only once you get images displaying with button presses should you move on to the next step.
Add a form to your page takes the value from a user input box and adds it into your topics array. Then make a function call that takes each topic in the array remakes the buttons on the page.
Deploy your assignment to Github Pages.
Rejoice! You just made something really cool.
Minimum Requirements
Attempt to complete homework assignment as described in instructions. If unable to complete certain portions, please pseudocode these portions to describe what remains to be completed.
,Chrome fle plant/week-6-4a/hwhtm hermit crab gerbil dog cat rabbit hamster skunk goldfishbirdferret turtle sugar glider chinchillahedgehog my goat chicken capybara teacup pigserval salamander frog Add an animal Rating y Raing: g Rating 9 Submit Rating g Rating: g Rating pa-13 Rating Rating g RatingRating ,Chrome fle plant/week-6-4a/hwhtm hermit crab gerbil dog cat rabbit hamster skunk goldfishbirdferret turtle sugar glider chinchillahedgehog my goat chicken capybara teacup pigserval salamander frog Add an animal Rating y Raing: g Rating 9 Submit Rating g Rating: g Rating pa-13 Rating Rating g RatingRatingStep by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started