From 9350a65201b2d6662b7434d7f7de32fa7d9ee6d4 Mon Sep 17 00:00:00 2001
From: SangDoo Nam <kexe009@hotmail.com>
Date: Fri, 11 Aug 2023 13:48:28 +0200
Subject: [PATCH 1/3] add streetdog rescue

---
 index.html | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
diff --git a/index.html b/index.html
index dc7da45..c91da37 100644
--- a/index.html
+++ b/index.html
@@ -48,6 +48,12 @@
       main:hover button {
         rotate: 5deg;
       }
+      section {background: rgb(22, 41, 161); height:150px; width:100%; text-align:center;}
+      
+      #imgsize {width: 300px; height: 200px;}
+      
+      .bow_wow {color: white; border-color:antiquewhite; }   
+     
     </style>
   </head>
   <body>
@@ -65,11 +71,22 @@ <h1>Streetcat Rescue</h1>
       />
       <button class="happy" id="btn">We appreciate your donation!</button>
     </main>
+    <br><br>
+    <section>
+      <h1> Streetdog Rescue </h1>
+      <div>
+        <img id="imgsize" src="https://upload.wikimedia.org/wikipedia/commons/0/01/Street_dog_in_pune01.jpg" alt="street dog">
+      </div>
+      <input type="text" name="amountDog" id="amountDog" placeholder="&#128021;">
+      <button class="bow_wow" id="btntwo">bow-wow</button>
+    </section>
 
     <script>
       const button = document.getElementById('btn');
       const input = document.getElementById('amount');
       const cat = document.getElementById('cat');
+      const buttonDog = document.getElementById('btntwo');
+      const inputDog = document.getElementById('amountDog');
 
       function handleDonation() {
         const amount = input.value;
@@ -86,6 +103,19 @@ <h1>Streetcat Rescue</h1>
         document.body.style.background = 'pink';
       }
 
+      function handleDonationdog() {
+        const amountDog = inputDog.value;
+
+        if (amountDog ==0) {
+          alert('Woof Woof');
+
+          document.querySelector('section').style.background = 'black';
+        } else {
+          alert('Thanks for the donation of $ ${amount}');
+        }
+      }
+      
+      btntwo.addEventListener('click', handleDonationdog);
       btn.addEventListener('click', handleDonation);
       cat.addEventListener('click', catClick);
       // catClick();

From 30ed7b917eb6781ae7c19ae64922111a7d6e7522 Mon Sep 17 00:00:00 2001
From: SangDoo Nam <kexe009@hotmail.com>
Date: Fri, 11 Aug 2023 14:28:05 +0200
Subject: [PATCH 2/3] finished streetdog rescue

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index c91da37..ef32f88 100644
--- a/index.html
+++ b/index.html
@@ -111,7 +111,7 @@ <h1> Streetdog Rescue </h1>
 
           document.querySelector('section').style.background = 'black';
         } else {
-          alert('Thanks for the donation of $ ${amount}');
+          alert(`Thanks for the donation of $ ${amountDog}!`);
         }
       }
       

From 83e0da901d8bc1620cc357eae555e0d5a6a90ca8 Mon Sep 17 00:00:00 2001
From: SangDoo Nam <kexe009@hotmail.com>
Date: Fri, 11 Aug 2023 15:04:14 +0200
Subject: [PATCH 3/3] modify index.html

---
 index.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/index.html b/index.html
index 8613d56..53f163d 100644
--- a/index.html
+++ b/index.html
@@ -121,6 +121,7 @@ <h1> Streetdog Rescue </h1>
       cat.addEventListener('click', catClick);
       // catClick();
     </script>
+    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
     <main>
       <h1>Streetcat Rescue</h1>
       <div>
