Giphy, an online repository of animated gifs with the option to make your own. For giphy API questions, use the tag [giphy-api].
Questions tagged [giphy]
77 questions
1
vote
1 answer
Giphy Gifs having strange behaviour on Facebook?
I was trying to make use of facebook's new ability to show actual gifs in autoplay to make a small looping advertising for a facebook page.
I tested out the feature initially using some Giphy gifs and found it worked fine, receiving the visual…
LIMsomnium
- 127
- 1
- 3
- 12
1
vote
4 answers
How to play animated GIF image from url in android?
I am integrating giphy to my android app..
How can i play animated gif image from URL in android? Should I use ImageView, WebView, VideoView etc? For example if i want to play animation from this URL.
Android Developer
- 9,157
- 18
- 82
- 139
0
votes
0 answers
React Native Giphy Clipboard Not Animated
I've somehow successfully gotten a Giphy url to copy into the Clipboard first time I tried (lucky me) but when I paste it to Notes it just shows a still image...is there a way to get it to animate (iMessage) like other apps do on paste?
I'm just…
Timmerz
- 6,090
- 5
- 36
- 49
0
votes
1 answer
How to show GIF with Animation using GPHSettings & GPHMediaView in XML and kotlin
In my scenario when user click button it's navigate to next screen and If user click icon have to show Bottom sheet.
In the bottom sheet have to show GIF with it's animation.
And user can choose any GIF they want. I wanna use GPHMediaView to show…
Sindhuja MK
- 28
- 5
0
votes
0 answers
Giphy get gifs from user api in htmlcode?
I am a Giphy Creator and i want to use the Giphy API in an embed HTML code ..
I was only successful getting a random GIF from Search
here is the code .. if any one could help it would be amazing :)
Random…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a>
<a href="../../questions/tagged/api" class="post-tag grid--cell" title="show questions tagged 'api'" rel="tag">api</a>
<a href="../../questions/tagged/embed" class="post-tag grid--cell" title="show questions tagged 'embed'" rel="tag">embed</a>
<a href="../../questions/tagged/giphy" class="post-tag grid--cell" title="show questions tagged 'giphy'" rel="tag">giphy</a>
<a href="../../questions/tagged/giphy-api" class="post-tag grid--cell" title="show questions tagged 'giphy-api'" rel="tag">giphy-api</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Apr 21 '23 at 14:59">asked Apr 21 '23 at 14:59</time>
<a href="../../users/21699679/alhut" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/21699679.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="alhut" />
</a>
<div class="s-user-card--info">
<a href="../../users/21699679/alhut" class="s-user-card--link">alhut</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">1</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-75004534">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>0</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status ">
<strong>0</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/75004534/giphy-api-not-giving-any-results-for-normal-users" class="question-hyperlink">Giphy-API not giving any results for normal users?</a></h3>
<div class="excerpt">I'm trying to get the latest 100 posts from my giphy user.
It works for accounts like "giphy" and "spongebob"
But not for "jack0_o"
import requests
def get_user_gifs(username):
api_key = "API_KEY"
limit = 25 # The number of GIFs to…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/python" class="post-tag grid--cell" title="show questions tagged 'python'" rel="tag">python</a>
<a href="../../questions/tagged/api" class="post-tag grid--cell" title="show questions tagged 'api'" rel="tag">api</a>
<a href="../../questions/tagged/giphy" class="post-tag grid--cell" title="show questions tagged 'giphy'" rel="tag">giphy</a>
<a href="../../questions/tagged/giphy-api" class="post-tag grid--cell" title="show questions tagged 'giphy-api'" rel="tag">giphy-api</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Jan 04 '23 at 11:08">asked Jan 04 '23 at 11:08</time>
<a href="../../users/20926855/matissismu" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/20926855.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="matissismu" />
</a>
<div class="s-user-card--info">
<a href="../../users/20926855/matissismu" class="s-user-card--link">matissismu</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">1</li>
<li class="s-award-bling s-award-bling__bronze" title="1 bronze badges">1</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-73905481">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>0</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status ">
<strong>0</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/73905481/why-does-the-giphy-api-returns-a-meta-object-in-its-response-containing-401-er" class="question-hyperlink">Why does the GIPHY API returns a Meta Object in its response containing 401 error. Is there any way to troubleshoot it</a></h3>
<div class="excerpt">The code in the hooks folder is named useFetch.jsx
This is used to fetch the gifs
const APIKEY = import.meta.env.VITE_GIPHY_API;
const useFetch = ({ keyword }) => {
const [gifUrl, setGifUrl] = useState("");
const fetchGifs = async () => {
…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/reactjs" class="post-tag grid--cell" title="show questions tagged 'reactjs'" rel="tag">reactjs</a>
<a href="../../questions/tagged/api" class="post-tag grid--cell" title="show questions tagged 'api'" rel="tag">api</a>
<a href="../../questions/tagged/react-hooks" class="post-tag grid--cell" title="show questions tagged 'react-hooks'" rel="tag">react-hooks</a>
<a href="../../questions/tagged/giphy" class="post-tag grid--cell" title="show questions tagged 'giphy'" rel="tag">giphy</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Sep 30 '22 at 07:41">asked Sep 30 '22 at 07:41</time>
<a href="../../users/16399082/manjiri-chavande" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/16399082.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="MANJIRI CHAVANDE" />
</a>
<div class="s-user-card--info">
<a href="../../users/16399082/manjiri-chavande" class="s-user-card--link">MANJIRI CHAVANDE</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">1</li>
<li class="s-award-bling s-award-bling__bronze" title="2 bronze badges">2</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-72763236">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>0</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status answered-accepted">
<strong>1</strong> answer
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/72763236/giphy-react-grid-component-is-not-working" class="question-hyperlink">Giphy React Grid component is not working</a></h3>
<div class="excerpt">I am trying to replicate the search and masonry grid from the official documentation using their Codesandbox example.
However, when I am trying to use it, the code is not returning any gifs back.
I have verified that the JS fetch is indeed returning…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a>
<a href="../../questions/tagged/reactjs" class="post-tag grid--cell" title="show questions tagged 'reactjs'" rel="tag">reactjs</a>
<a href="../../questions/tagged/giphy" class="post-tag grid--cell" title="show questions tagged 'giphy'" rel="tag">giphy</a>
<a href="../../questions/tagged/giphy-api" class="post-tag grid--cell" title="show questions tagged 'giphy-api'" rel="tag">giphy-api</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Jun 26 '22 at 16:15">asked Jun 26 '22 at 16:15</time>
<a href="../../users/5127319/rimil-dey" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/5127319.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Rimil Dey" />
</a>
<div class="s-user-card--info">
<a href="../../users/5127319/rimil-dey" class="s-user-card--link">Rimil Dey</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">827</li>
<li class="s-award-bling s-award-bling__gold" title="2 gold badges">2</li>
<li class="s-award-bling s-award-bling__silver" title="13 silver badges">13</li>
<li class="s-award-bling s-award-bling__bronze" title="33 bronze badges">33</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-72114261">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>0</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status ">
<strong>0</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/72114261/adding-giphy-js-to-vanilla-javascript-project" class="question-hyperlink">Adding giphy-js to vanilla JavaScript project</a></h3>
<div class="excerpt">I want to use Giphy SDK to my vanilla JavaScript project. The repository is this one: https://github.com/Giphy/giphy-js/blob/master/packages/components/README.md
If I clone it and go to /packages/components/ and do yarn run dev I can run the example…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a>
<a href="../../questions/tagged/npm" class="post-tag grid--cell" title="show questions tagged 'npm'" rel="tag">npm</a>
<a href="../../questions/tagged/yarnpkg" class="post-tag grid--cell" title="show questions tagged 'yarnpkg'" rel="tag">yarnpkg</a>
<a href="../../questions/tagged/giphy" class="post-tag grid--cell" title="show questions tagged 'giphy'" rel="tag">giphy</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked May 04 '22 at 13:59">asked May 04 '22 at 13:59</time>
<a href="../../users/8947060/dan-py" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/8947060.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Dan.py" />
</a>
<div class="s-user-card--info">
<a href="../../users/8947060/dan-py" class="s-user-card--link">Dan.py</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">83</li>
<li class="s-award-bling s-award-bling__bronze" title="7 bronze badges">7</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-68660047">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>0</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status ">
<strong>1</strong> answer
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/68660047/i-m-using-the-giphy-api-and-i-was-wondering-how-you-could-get-a-gif-s-image-ur" class="question-hyperlink">I'm using the Giphy API and I was wondering how you could get a GIF's Image URL automatically, not manually</a></h3>
<div class="excerpt">Here is the code I have, it works fine, but how could I make it that there is a new variable that is equal to the Image URL of the GIF so that the user can get the Source URL of the GIF?
import requests
url =…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/python" class="post-tag grid--cell" title="show questions tagged 'python'" rel="tag">python</a>
<a href="../../questions/tagged/python-requests" class="post-tag grid--cell" title="show questions tagged 'python-requests'" rel="tag">python-requests</a>
<a href="../../questions/tagged/giphy" class="post-tag grid--cell" title="show questions tagged 'giphy'" rel="tag">giphy</a>
<a href="../../questions/tagged/giphy-api" class="post-tag grid--cell" title="show questions tagged 'giphy-api'" rel="tag">giphy-api</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Aug 05 '21 at 02:51">asked Aug 05 '21 at 02:51</time>
<a href="../../users/14581079/vihaan-patil" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/14581079.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Vihaan Patil" />
</a>
<div class="s-user-card--info">
<a href="../../users/14581079/vihaan-patil" class="s-user-card--link">Vihaan Patil</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">17</li>
<li class="s-award-bling s-award-bling__bronze" title="7 bronze badges">7</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-66896763">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>0</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status answered-accepted">
<strong>2</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/66896763/i-need-to-create-a-see-more-pictures-button-in-js" class="question-hyperlink">I need to create a 'See more pictures' button in JS</a></h3>
<div class="excerpt">I'm creating a gif website, which uses GIPHY API. In this website, I added a "Search bar", where you can type what kind of GIF you are looking for, and the websites returns 12 gifs from GIPHY.
This is my search function:
async function…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a>
<a href="../../questions/tagged/image" class="post-tag grid--cell" title="show questions tagged 'image'" rel="tag">image</a>
<a href="../../questions/tagged/search" class="post-tag grid--cell" title="show questions tagged 'search'" rel="tag">search</a>
<a href="../../questions/tagged/giphy" class="post-tag grid--cell" title="show questions tagged 'giphy'" rel="tag">giphy</a>
<a href="../../questions/tagged/giphy-api" class="post-tag grid--cell" title="show questions tagged 'giphy-api'" rel="tag">giphy-api</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Mar 31 '21 at 23:57">asked Mar 31 '21 at 23:57</time>
<a href="../../users/13966130/escu-dev" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/13966130.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="escu.dev" />
</a>
<div class="s-user-card--info">
<a href="../../users/13966130/escu-dev" class="s-user-card--link">escu.dev</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">3</li>
<li class="s-award-bling s-award-bling__bronze" title="2 bronze badges">2</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-65622713">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>0</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status answered-accepted">
<strong>1</strong> answer
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/65622713/giphy-api-always-gives-the-same-gifs-discord-js" class="question-hyperlink">Giphy API always gives the same gifs (discord.js)</a></h3>
<div class="excerpt">This might be innapropriate, but I am making a discord bot, and in the process I wanted to make a "gif" command. I had chosen the Giphy api as it seemed to be the most simple one out there. But everytime I ask the bot to fetch a trending gif, it…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/node.js" class="post-tag grid--cell" title="show questions tagged 'node.js'" rel="tag">node.js</a>
<a href="../../questions/tagged/discord" class="post-tag grid--cell" title="show questions tagged 'discord'" rel="tag">discord</a>
<a href="../../questions/tagged/discord.js" class="post-tag grid--cell" title="show questions tagged 'discord.js'" rel="tag">discord.js</a>
<a href="../../questions/tagged/giphy" class="post-tag grid--cell" title="show questions tagged 'giphy'" rel="tag">giphy</a>
<a href="../../questions/tagged/giphy-api" class="post-tag grid--cell" title="show questions tagged 'giphy-api'" rel="tag">giphy-api</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Jan 08 '21 at 02:41">asked Jan 08 '21 at 02:41</time>
<a href="../../users/14963025/zariaa" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/14963025.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Zariaa_" />
</a>
<div class="s-user-card--info">
<a href="../../users/14963025/zariaa" class="s-user-card--link">Zariaa_</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">116</li>
<li class="s-award-bling s-award-bling__silver" title="1 silver badges">1</li>
<li class="s-award-bling s-award-bling__bronze" title="6 bronze badges">6</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-65598716">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>0</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status answered-accepted">
<strong>2</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/65598716/cant-bind-imageurl-in-angular" class="question-hyperlink">Cant bind imageUrl in Angular</a></h3>
<div class="excerpt">Please help guys! I'm getting datas from https://developers.giphy.com/, and passing them to a modal for viewing, every other data is showing except for imageUrl.
(what I'm I doing wrong, why wont the gif show)
Check below for my code
here is the…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a>
<a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a>
<a href="../../questions/tagged/giphy" class="post-tag grid--cell" title="show questions tagged 'giphy'" rel="tag">giphy</a>
<a href="../../questions/tagged/giphy-api" class="post-tag grid--cell" title="show questions tagged 'giphy-api'" rel="tag">giphy-api</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Jan 06 '21 at 15:36">asked Jan 06 '21 at 15:36</time>
<a href="../../users/7164865/dave-davoucii" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/7164865.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Dave Davoucii" />
</a>
<div class="s-user-card--info">
<a href="../../users/7164865/dave-davoucii" class="s-user-card--link">Dave Davoucii</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">31</li>
<li class="s-award-bling s-award-bling__bronze" title="5 bronze badges">5</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-64387822">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>0</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status answered-accepted">
<strong>1</strong> answer
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/64387822/is-there-a-way-to-resize-background-images-from-html" class="question-hyperlink">is there a way to resize background images FROM html</a></h3>
<div class="excerpt">so, a normal way to get the background in html is this:
<style>
body {
background-image: url('https://media.giphy.com/media/itTRilS6MUfqMCQbgZ/giphy.gif');
}
</style>
but now let's suppose i need the background to be BIGGER, so much big that…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a>
<a href="../../questions/tagged/image" class="post-tag grid--cell" title="show questions tagged 'image'" rel="tag">image</a>
<a href="../../questions/tagged/gif" class="post-tag grid--cell" title="show questions tagged 'gif'" rel="tag">gif</a>
<a href="../../questions/tagged/giphy" class="post-tag grid--cell" title="show questions tagged 'giphy'" rel="tag">giphy</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card__deleted">
<time class="s-user-card--time" datetime="asked Oct 16 '20 at 10:57">asked Oct 16 '20 at 10:57</time>
<div class="s-avatar s-avatar__32 s-user-card--avatar">
</div>
<div class="s-user-card--info">user13651239</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-63878104">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>0</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status ">
<strong>0</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/63878104/console-cannot-read-property-addeventlistener-of-undefined-with-document-getel" class="question-hyperlink">Console "Cannot read property 'addEventListener' of undefined" with document.getElementsByClassName</a></h3>
<div class="excerpt">I'm new at coding, and I am having a problem with an EventListener. I added an event listener that it'sw NOT originally in the HTML file, as I created it in the js file. So I was using the GIPHY API to make a fetch of the Suggested Gifs EndPoint.…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a>
<a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a>
<a href="../../questions/tagged/fetch" class="post-tag grid--cell" title="show questions tagged 'fetch'" rel="tag">fetch</a>
<a href="../../questions/tagged/giphy" class="post-tag grid--cell" title="show questions tagged 'giphy'" rel="tag">giphy</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Sep 14 '20 at 04:27">asked Sep 14 '20 at 04:27</time>
<a href="../../users/14244234/juana-copello" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/14244234.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Juana Copello" />
</a>
<div class="s-user-card--info">
<a href="../../users/14244234/juana-copello" class="s-user-card--link">Juana Copello</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">1</li>
<li class="s-award-bling s-award-bling__bronze" title="3 bronze badges">3</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="s-pagination pager fr">
<a class="s-pagination--item" href="../../questions/tagged/giphy_page=2" rel="prev" title="Go to page 2">Prev </a>
<a class="s-pagination--item" href="../../questions/tagged/giphy_page=1" rel="" title="Go to page 1">1</a>
<a class="s-pagination--item" href="../../questions/tagged/giphy_page=2" rel="" title="Go to page 2">2</a>
<div class="s-pagination--item is-selected">3</div>
<a class="s-pagination--item" href="../../questions/tagged/giphy_page=4" rel="" title="Go to page 4">4</a>
<a class="s-pagination--item" href="../../questions/tagged/giphy_page=5" rel="" title="Go to page 5">5</a>
<a class="s-pagination--item" href="../../questions/tagged/giphy_page=6" rel="" title="Go to page 6">6</a>
<a class="s-pagination--item" href="../../questions/tagged/giphy_page=4" rel="next" title="Go to page 4"> Next</a>
</div>
</div>
</div>
</div>
</div>
<script src="../../static/js/stack-icons.js"></script>
<script src="../../static/js/fromnow.js"></script>
</body>
</html>