Update static/script.js

static/script.js

@@ -149,7 +149,7 @@ function displayIngredientsList(ingredients) {
         img.src = ingredient.image_url || 'https://via.placeholder.com/80';
         img.alt = ingredient.name;
         console.log(`Setting image src for ${ingredient.name} to: ${img.src}`); // Debug log
-        img.style.width = '80px'; // Ensure image has a defined size
+        img.style.width = '80px';
         img.style.height = '80px';
         const name = document.createElement('div');
         name.textContent = ingredient.name;
@@ -194,13 +194,21 @@ function displayMenuItems(menuItems) {
         img.src = item.image_url || 'https://via.placeholder.com/80';
         img.alt = item.name;
         console.log(`Setting image src for ${item.name} to: ${img.src}`); // Debug log
-        img.style.width = '80px'; // Ensure image has a defined size
+        img.style.width = '80px';
         img.style.height = '80px';
         const name = document.createElement('div');
         name.textContent = item.name;
         name.style.textAlign = 'center';
         name.style.marginTop = '5px';
         name.style.fontSize = '12px';
+        const price = document.createElement('div');
+        price.textContent = `Price: $${item.price || 0.0}`;
+        price.style.textAlign = 'center';
+        price.style.fontSize = '12px';
+        const ingredients = document.createElement('div');
+        ingredients.textContent = `Ingredients: ${item.ingredients || 'N/A'}`;
+        ingredients.style.textAlign = 'center';
+        ingredients.style.fontSize = '12px';
         const button = document.createElement('button');
         button.textContent = 'Add to Cart';
         button.onclick = () => {
@@ -214,6 +222,8 @@ function displayMenuItems(menuItems) {
         };
         menuItem.appendChild(img);
         menuItem.appendChild(name);
+        menuItem.appendChild(price);
+        menuItem.appendChild(ingredients);
         menuItem.appendChild(button);
         menuItemsList.appendChild(menuItem);
     });
@@ -344,7 +354,7 @@ function displayOptions(options) {
     });
     chatMessages.appendChild(document.createElement('br'));
     const backButton = document.createElement('button');
-    backButton.textContent = 'Go Back';
+    backButton.textText = 'Go Back';
     backButton.className = 'option-button';
     backButton.onclick = () => {
         conversation.pop();