-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
24 lines (20 loc) · 857 Bytes
/
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
document.addEventListener("DOMContentLoaded", ()=>{
const generateMemebtn = document.querySelector(".meme-generator .generate-meme-btn");
const memeImage = document.querySelector(".meme-generator img");
const memeTitle = document.querySelector(".meme-generator .meme-title");
const memeAuthor = document.querySelector(".meme-author");
function updateDetails(url, title, author){
memeImage.setAttribute("src", url);
memeTitle.innerHTML = title;
memeAuthor.innerHTML = `Meme by: ${author}`;
}
function generateMeme(){
fetch("https://meme-api.com/gimme/wholesomememes")
.then(response => response.json())
.then(data =>{
updateDetails(data.url,data.title, data.author)
})
}
generateMemebtn.addEventListener("click", generateMeme)
generateMeme();
})