-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
30 lines (28 loc) · 1.01 KB
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
let meme = document.getElementById("meme");
let title = document.getElementById("title");
let getMemeBtn = document.getElementById("get-meme-btn");
//API URL
let url = "https://meme-api.com/gimme/";
//Array of subreddits of your choice
let subreddits = ["catmemes", "wholesomemes", "dogmemes", "me_irl"];
//Function To Get Random Meme
let getMeme = () => {
//Choose a random subreddit from the subreddits array
let randomSubreddit =
subreddits[Math.floor(Math.random() * subreddits.length)];
//Fetch data from the api
fetch(url + randomSubreddit)
.then((resp) => resp.json())
.then((data) => {
let memeImg = new Image();
//Display meme image and title only after the image loads
memeImg.onload = () => {
meme.src = data.url;
title.innerHTML = data.title;
};
memeImg.src = data.url;
});
};
//Call the getMeme() on button click and on window load
getMemeBtn.addEventListener("click", getMeme);
window.addEventListener("load", getMeme);