Update index.html

index.html

@@ -48,23 +48,24 @@
     <div class="container mx-auto px-4 py-12 flex">
         <!-- Sidebar Content -->
         <div class="box-format w-1/4 sticky-sidebar bg-white rounded-lg shadow-md p-6 min-h-screen">
-            <h1 class="text-2xl font-bold mb-6 text-center">Dynamic Input Form</h1>
+            <h1 class="text-2xl font-bold mb-6 text-center">Output Generator 2</h1>
 
-            <!-- Input for API query -->
+            <!-- Input for API key -->
+            <div class="mb-4">
+                <input type="password" id="apiKeyInput" class="form-control border border-gray-300 p-2 rounded-md w-full" placeholder="Enter your API key" />
+            </div>
+            <!-- Suggestions -->
             <div class="mb-4">
                 <button type="button" class="btn btn-info mt-2 w-full flex items-center justify-center" onclick="fetchSuggestion()">
                     <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 21a2 2 0 01-2-2V5a2 2 0 012-2h6a2 2 0 012 2v14a2 2 0 01-2 2h-6z"></path>
                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 14a2 2 0 100-4 2 2 0 000 4z"></path>
                     </svg>
-                    Suggestion
+                    Find Facets
                 </button>
             </div>
 
-            <!-- Input for API key -->
-            <div class="mb-4">
-                <input type="password" id="apiKeyInput" class="form-control border border-gray-300 p-2 rounded-md w-full" placeholder="Enter your API key" />
-            </div>
+            
 
             <!-- Loading Indicator -->
             <div id="loadingIndicator" class="mb-4 hidden">
@@ -84,8 +85,8 @@
                     </div>
                 </div>
                 <div class="flex justify-between space-x-4">
-                    <button type="button" class="btn btn-primary" onclick="addInput()">Add Input Box</button>
-                    <button type="submit" class="btn btn-success">Submit</button>
+                    <button type="button" class="btn btn-primary" onclick="addInput()">Add Facets</button>
+                    <button type="submit" class="btn btn-success">Facet List</button>
                     <button type="button" class="btn btn-secondary" onclick="resetForm()">Reset</button>
                 </div>
             </form>
@@ -145,7 +146,7 @@
 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
     <script>
-$(document).ready(function() {
+    $(document).ready(function() {
             let isResultShown = false;
             let facetData = [];
             $('#submit').click(function() {