diff --git a/lib/script.js b/lib/script.js index e69de29..fdb80c4 100644 --- a/lib/script.js +++ b/lib/script.js @@ -0,0 +1,25 @@ +const url = 'https://api.thecatapi.com/v1/images/search'; +const randomButton = document.querySelector(".randomButton"); +const randomCat = document.querySelector(".randomCat"); + + +randomButton.addEventListener("click", handleClick); + +function handleClick(e){ + e.preventDefault(); + + fetch(`${url}`) + .then((res) => res.json()) + .then((data) => { + displayCat(data); + }) +} + +function displayCat(cat){ + const catPic = ` + + `; + + randomCat.insertAdjacentHTML("beforeend", catPic); +} +