From 631f492172c34b77d6624a11455f43c3cbdcaea3 Mon Sep 17 00:00:00 2001
From: Rabel Mervin <rabelmervin@gmail.com>
Date: Tue, 28 May 2024 22:16:50 +0530
Subject: [PATCH] added functionality

---
 src/frontend/index.html | 18 +++++++++++++++++-
 src/frontend/script.js  |  7 ++++++-
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/frontend/index.html b/src/frontend/index.html
index 5e7c820..3286ce8 100644
--- a/src/frontend/index.html
+++ b/src/frontend/index.html
@@ -22,6 +22,8 @@
       }
     </style>
     <script src="https://code.jscharting.com/2.9.0/jscharting.js"></script>
+      <script src="script.js"></script>
+
   </head>
 
 
@@ -62,10 +64,24 @@
             </button>
             <button
               class="flex-shrink-0 border-transparent border-4 text-blue-500 hover:text-blue-800 text-sm py-1 px-2 rounded"
-              type="button"
+              type="button" id ="cancel"
             >
               Cancel
+                
             </button>
+              
+              <script>
+                  const cancelbutton = document.getElementById("cancel");
+                  
+                  cancelbutton.addEventListener("click",function(){
+                      document.getElementById("curlInput").value ="";
+                                                 
+                                                 
+                  });
+                  
+                   </script>
+              
+              
           </div>
         </form>
       </div>
diff --git a/src/frontend/script.js b/src/frontend/script.js
index 94ffaf6..6329f90 100644
--- a/src/frontend/script.js
+++ b/src/frontend/script.js
@@ -27,6 +27,7 @@ function useConfig(config) {
 
 document.getElementById("reportForm").addEventListener("submit", function(event) {
     event.preventDefault(); // Prevent default form submission
+    
 
     // Get the value of the location input field
     var location = document.getElementById("curlInput").value;
@@ -94,4 +95,8 @@ document.addEventListener("submit", function() {
     }
     // Call the function to fetch data and update HTML content when the form is submitted
     fetchDataAndUpdateHTML();
-});
\ No newline at end of file
+});
+
+
+
+