From f51bdfecdac97ce0aaf51ed71e905fe52332386e Mon Sep 17 00:00:00 2001
From: kwonangela <kwonangelaa@gmail.com>
Date: Wed, 7 Dec 2022 13:45:23 -0500
Subject: [PATCH] Part 1 of random-cat-api lab

---
 lib/script.js | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

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 = `
+        <img src = ${cat[0].url}>
+    `;
+
+    randomCat.insertAdjacentHTML("beforeend", catPic);
+}
+