Update index.html

index.html

@@ -40,7 +40,6 @@
 
             <!-- Input for API query -->
             <div class="mb-4">
-                <input type="text" id="queryInput" class="form-control border border-gray-300 p-2 rounded-md w-full" placeholder="Enter your query" />
                 <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>
@@ -278,7 +277,7 @@ $(document).ready(function() {
         });
         // Fetch suggestion from the API and dynamically adjust the input boxes
         async function fetchSuggestion() {
-            const queryValue = document.getElementById('queryInput').value;
+            const queryValue = document.getElementById('query').value;
             const apiKey = document.getElementById('apiKeyInput').value;
             if (!queryValue) {
                 alert("Please enter a query!");