Update static/script.js

static/script.js

@@ -20,7 +20,7 @@ function addMessage(role, message) {
 }
 
 function sendMessage() {
-    const userInput = document.getElementById('userInput');
+    const userInput = document.getElementById('chatMessages');
     if (!userInput) {
         console.error('User input field not found!');
         return;
@@ -111,9 +111,9 @@ function fetchIngredients(foodPreference) {
     .then(data => {
         console.log('Response data:', data);
         if (data.error) {
-            addMessage('bot', `Sorry, there was an error fetching ingredients: ${data.error}`);
+            addMessage('bot', `Error fetching ingredients: ${data.error}`);
         } else if (!data.ingredients || data.ingredients.length === 0) {
-            addMessage('bot', 'No ingredients found for this selection. Please try another option.');
+            addMessage('bot', 'No ingredients found for this selection. Please try another option or check backend data.');
         } else {
             const ingredients = data.ingredients;
             addMessage('bot', 'Please select ingredients:');
@@ -123,7 +123,7 @@ function fetchIngredients(foodPreference) {
     })
     .catch(error => {
         console.error('Fetch error:', error);
-        addMessage('bot', `Error: Unable to connect to the ingredient database. ${error.message}`);
+        addMessage('bot', `Failed to load ingredients: ${error.message}. Check console for details.`);
     });
 }