From 8bceb036c5b4e0b5b7a1021001580fef3cda2358 Mon Sep 17 00:00:00 2001
From: individual-ism <alexlchang@icloud.com>
Date: Wed, 7 Dec 2022 18:31:33 -0500
Subject: [PATCH 1/3] commit 1 - restart

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

diff --git a/lib/script.js b/lib/script.js
index e69de29..a420b73 100644
--- a/lib/script.js
+++ b/lib/script.js
@@ -0,0 +1,34 @@
+let url = 'http://api.thecatapi.com/v1/images/search';
+let randomButton = document.querySelector('.randomButton');
+let image = document.querySelector('button');
+
+// Part 1
+fetch(`${url}`)
+.then((res) => res.json())
+.then((data) => {
+    console.log(data)
+})
+
+// Part 2
+// randomButton.addEventListener('click', generateCat)
+
+// function generateCat(e) {
+//     e.preventDefault();
+
+//     const { randCatImg } = e.target.img;
+    
+//     fetch(`${url}/${randCatImg.src.value}`)
+//     .then((res) => res.json())
+//     .then((data) => {
+//         displayCat(data);
+//         // image.src = data.url;
+//     })
+// }
+
+// function displayCat() {
+//     const felines = `
+//       <img src='${randCatImg.url} />
+//     `;
+  
+//     container.insertAdjacentHTML("beforeend", felines);
+//   }

From 59da61419807311614784a7b269caac4b5f4822c Mon Sep 17 00:00:00 2001
From: individual-ism <alexlchang@icloud.com>
Date: Thu, 8 Dec 2022 06:20:38 -0500
Subject: [PATCH 2/3] Parts 1 & 2 Complete

---
 lib/script.js | 49 ++++++++++++++++++++++---------------------------
 1 file changed, 22 insertions(+), 27 deletions(-)

diff --git a/lib/script.js b/lib/script.js
index a420b73..b2df4de 100644
--- a/lib/script.js
+++ b/lib/script.js
@@ -1,34 +1,29 @@
-let url = 'http://api.thecatapi.com/v1/images/search';
-let randomButton = document.querySelector('.randomButton');
-let image = document.querySelector('button');
+let url = 'http://api.thecatapi.com/v1/images/search'
+let randomButton = document.querySelector('.randomButton')
+let randomCatImage = document.querySelector('.randomCatImage')
 
 // Part 1
-fetch(`${url}`)
-.then((res) => res.json())
-.then((data) => {
-    console.log(data)
-})
+// fetch(`${url}`)
+// .then((res) => res.json())
+// .then((data) => {
+//     console.log(data)
+// })
+
 
 // Part 2
-// randomButton.addEventListener('click', generateCat)
+randomButton.addEventListener('click', handleClick)
 
-// function generateCat(e) {
-//     e.preventDefault();
+function handleClick(e) {
+    e.preventDefault()
 
-//     const { randCatImg } = e.target.img;
+    // const { randomCatImage } = e.target.elements;
     
-//     fetch(`${url}/${randCatImg.src.value}`)
-//     .then((res) => res.json())
-//     .then((data) => {
-//         displayCat(data);
-//         // image.src = data.url;
-//     })
-// }
-
-// function displayCat() {
-//     const felines = `
-//       <img src='${randCatImg.url} />
-//     `;
-  
-//     container.insertAdjacentHTML("beforeend", felines);
-//   }
+    fetch(`${url}`)
+    .then(res => res.json())
+    .then((data) => {
+        randomCatImage.src=`${data[0].url}`
+    })
+        // image.src = data.url;
+    .catch((err) => console.log('This has failed', err))
+    
+}
\ No newline at end of file

From 47f9fc31fae0383238a66e71cf59f09efe94079e Mon Sep 17 00:00:00 2001
From: individual-ism <alexlchang@icloud.com>
Date: Thu, 8 Dec 2022 08:55:45 -0500
Subject: [PATCH 3/3] Parts 1, 2, Bonus Complete

---
 lib/script.js | 48 +++++++++++++++++++++++++++++++++++-------------
 1 file changed, 35 insertions(+), 13 deletions(-)

diff --git a/lib/script.js b/lib/script.js
index b2df4de..952d5fa 100644
--- a/lib/script.js
+++ b/lib/script.js
@@ -1,6 +1,9 @@
 let url = 'http://api.thecatapi.com/v1/images/search'
-let randomButton = document.querySelector('.randomButton')
+// let randomButton = document.querySelector('.randomButton')
 let randomCatImage = document.querySelector('.randomCatImage')
+let input = document.querySelector('.input')
+let searchButton = document.querySelector('.searchButton')
+let form = document.querySelector('form')
 
 // Part 1
 // fetch(`${url}`)
@@ -11,19 +14,38 @@ let randomCatImage = document.querySelector('.randomCatImage')
 
 
 // Part 2
-randomButton.addEventListener('click', handleClick)
+// randomButton.addEventListener('click', handleClick)
+
+// function handleClick(e) {
+//     e.preventDefault()
+    
+//     fetch(`${url}`)
+//     .then(res => res.json())
+//     .then((data) => {
+//         randomCatImage.src=`${data[0].url}`
+//     })
+//     .catch((err) => console.log('This has failed', err))
+    
+// }
+
+
+// Bonus
+// console.log(input.value)
 
-function handleClick(e) {
-    e.preventDefault()
 
-    // const { randomCatImage } = e.target.elements;
+
+form.addEventListener('submit', clickHandler)
+
+function clickHandler(e2) {
     
-    fetch(`${url}`)
-    .then(res => res.json())
-    .then((data) => {
-        randomCatImage.src=`${data[0].url}`
+    e2.preventDefault()
+
+    let categoryURL = `http://api.thecatapi.com/v1/images/search?api_key=live_M0df7MuutgzH6TbVTYJXtyAiYFTPIrIjuW45y8IA6g5E9gjX7jhVCXjLWIsbPuWd&category_ids=${input.value}`
+
+    fetch(`${categoryURL}`)
+    .then (res2 => res2.json())
+    .then ((data2) => {
+        randomCatImage.src=`${data2[0].url}`
     })
-        // image.src = data.url;
-    .catch((err) => console.log('This has failed', err))
-    
-}
\ No newline at end of file
+    .catch((err) => console.log('This too hath failed', err))
+}