Meme-Generator/script.js at main · utkarshkumarsinha/Meme-Generator · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
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-generator .meme-author");

const updateDetails= (url, title, author)=>{
    memeImage.setAttribute("src", url);
    memeTitle.innerHTML= title;
    memeAuthor.innerHTML= `Meme by: ${author}`;
};

const 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();