From d88a1c485abcbbebb91daf31bf3ea69e7b394fd8 Mon Sep 17 00:00:00 2001
From: Roy <jamesblack1319@gmail.com>
Date: Mon, 20 Dec 2021 18:05:08 -0600
Subject: [PATCH]  I put the try&catch block inside catchRainbow function

---
 module1/01_fetch_image/index.html | 26 +++++++++++++++++---------
 1 file changed, 17 insertions(+), 9 deletions(-)

diff --git a/module1/01_fetch_image/index.html b/module1/01_fetch_image/index.html
index 8a67644..e74ebd1 100644
--- a/module1/01_fetch_image/index.html
+++ b/module1/01_fetch_image/index.html
@@ -12,19 +12,27 @@ <h1>Fetch a Rainbow</h1>
     <script>
       console.log('about to fetch a rainbow');
 
-      catchRainbow()
-        .then(response => {
-          console.log('yay');
-        })
-        .catch(error => {
-          console.log('error!');
-          console.error(error);
-        });
+      catchRainbow();
+      
+        // .then(response => {
+        //   console.log('yay');
+        // })
+        // .catch(error => {
+        //   console.log('error!');
+        //   console.error(error);
+        // });
 
       async function catchRainbow() {
-        const response = await fetch('rainbow.jpg');
+        try{
+          const response = await fetch('rainbow.jpg');
         const blob = await response.blob();
         document.getElementById('rainbow').src = URL.createObjectURL(blob);
+        console.log('yay');
+        }catch(error){
+          console.log('error!');
+          console.error(error);
+          
+        }
       }
     </script>
   </body>