Update static/script.js

static/script.js

@@ -117,6 +117,12 @@ function displayIngredientsList(ingredients) {
         name.style.textAlign = 'center';
         name.style.marginTop = '5px';
         name.style.fontSize = '12px';
+        const description = document.createElement('div');
+        description.textContent = ingredient.description; // Display the description
+        description.style.fontSize = '10px';
+        description.style.color = '#666';
+        description.style.marginTop = '5px';
+
         const button = document.createElement('button');
         button.textContent = 'Add';
         button.onclick = () => {
@@ -125,8 +131,10 @@ function displayIngredientsList(ingredients) {
                 displaySelectedIngredients();
             }
         };
+        
         item.appendChild(img);
         item.appendChild(name);
+        item.appendChild(description); // Add description below name
         item.appendChild(button);
         ingredientsList.appendChild(item);
     });
@@ -239,4 +247,4 @@ document.getElementById('userInput').addEventListener('keypress', function(e) {
     }
 });
 
-console.log('Script loaded successfully');
+console.log('Script loaded successfully');