From 099cb371347c2b03212b833c9e18e17cad848396 Mon Sep 17 00:00:00 2001
From: Vanshika <vanshikagupta609@gmail.com>
Date: Sat, 18 May 2024 23:12:22 +0530
Subject: [PATCH] inputBoxForOtherAdded

---
 reportstary.html | 11 +++++++++--
 reportstary.js   | 12 +++++++++++-
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/reportstary.html b/reportstary.html
index e3a3b653..5fa2d23a 100644
--- a/reportstary.html
+++ b/reportstary.html
@@ -197,16 +197,23 @@ <h1 id="title">Report any Critical stray animal to the nearest Animal Care centr
         <label for="email">Which type of stray animal?
           <span class="hint text-red-600">*</span>
         </label>
-        <select id="dropdown" name="role" class="form-control" required>
+        <select id="dropdown" name="role" class="form-control" onchange=addtextbox(this.value) required>
           <option disabled selected value>Select stray animal</option>
           <option value="student">Dog</option>
           <option value="artist">Cat</option>
           <option value="graphic_designer">Cow</option>
-          <option value="other">Pig</option>
+          <option value="pig">Pig</option>
           <option value="other">Other</option>
         </select>
       </div>
 
+      <div class="form-group mb-2 hidden" id="box" >
+        <label >Other:
+          <span class="hint text-red-600">*</span>
+        </label>
+        <input type="text" name="b" class="form-control" >
+      </div>
+
       <div class="form-group">
         <label>What is the condition of the animal currently?</label>
         <label>
diff --git a/reportstary.js b/reportstary.js
index 8a657875..efeab951 100644
--- a/reportstary.js
+++ b/reportstary.js
@@ -25,4 +25,14 @@ close.addEventListener("click", () => {
 Gobtn.addEventListener("click", Gotopage);
 
 // Change to the stored current theme.
-changeToCurrTheme()
\ No newline at end of file
+changeToCurrTheme()
+
+function addtextbox(val){
+  let ele = document.getElementById('box');
+  if(val == "other"){
+    ele.style.display = 'block';
+  }
+  else{
+    ele.style.display = 'none';
+  }
+}
\ No newline at end of file