Create script.js

static/script.js

@@ -0,0 +1,89 @@
+document.getElementById('submit-btn').addEventListener('click', function () {
+  const userMessage = document.getElementById('user-message').value;
+  if (!userMessage) return;
+  addMessage(userMessage, 'user');
+
+  if (userMessage.toLowerCase() === 'yes' || userMessage.toLowerCase() === 'yeah') {
+    setTimeout(() => {
+      addMessage("Great! Please select a food category:", 'bot');
+      showCategorySelection();
+    }, 1000);
+  } else {
+    setTimeout(() => {
+      addMessage("Okay, let me know if you change your mind!", 'bot');
+    }, 1000);
+  }
+
+  document.getElementById('user-message').value = '';
+});
+
+function addMessage(message, sender) {
+  const messageContainer = document.createElement('div');
+  messageContainer.classList.add(sender + '-message');
+  messageContainer.textContent = message;
+  document.getElementById('chat-box').appendChild(messageContainer);
+  document.getElementById('chat-box').scrollTop = document.getElementById('chat-box').scrollHeight;
+}
+
+function showCategorySelection() {
+  document.getElementById('category-dropdown').hidden = false;
+
+  document.getElementById('category-dropdown').addEventListener('change', function () {
+    const selectedCategory = this.value;
+    setTimeout(() => {
+      addMessage(`You selected: ${selectedCategory}. Now, please select your nutrition preference.`, 'bot');
+      showNutritionSelection();
+    }, 1000);
+  });
+}
+
+function showNutritionSelection() {
+  document.getElementById('nutrition-dropdown').hidden = false;
+
+  document.getElementById('nutrition-dropdown').addEventListener('change', function () {
+    const selectedNutrition = this.value;
+    setTimeout(() => {
+      addMessage(`You selected: ${selectedNutrition}. Here are the ingredients based on your selection:`, 'bot');
+      showIngredientsList(selectedNutrition);
+    }, 1000);
+  });
+}
+
+function showIngredientsList(selectedNutrition) {
+  const ingredients = {
+    "Veg": ["Paneer", "Potato", "Cabbage", "Gobi"],
+    "Non-Veg": ["Chicken", "Fish", "Mutton"],
+    "Vegan": ["Tofu", "Tempeh", "Seitan"],
+    "Pasta & Noodles": ["Whole Wheat Pasta", "Rice Noodles"],
+    "Breads & Baked Goods": ["Whole Grain Bread", "Gluten-Free Bread"]
+  };
+
+  const ingredientList = ingredients[selectedCategory] || [];
+  const ingredientDropdown = document.getElementById('ingredient-dropdown');
+  ingredientDropdown.innerHTML = ingredientList.map(ingredient => `<option value="${ingredient}">${ingredient}</option>`).join('');
+  
+  ingredientDropdown.hidden = false;
+
+  ingredientDropdown.addEventListener('change', function () {
+    const selectedIngredient = this.value;
+    setTimeout(() => {
+      addMessage(`You selected: ${selectedIngredient}. Here are the food items you can make:`, 'bot');
+      showFoodItems(selectedIngredient);
+    }, 1000);
+  });
+}
+
+function showFoodItems(selectedIngredient) {
+  const foodItems = {
+    "Paneer": ["Paneer Tikka", "Paneer Curry", "Paneer Manchurian", "Paneer Butter Masala"],
+    "Potato": ["Aloo Dal", "Potato and Chickpea Salad", "Paneer-Stuffed Potatoes", "Potato and Black Bean Tacos"],
+    "Cabbage": ["Cabbage and Chickpea Curry", "Cabbage Stir-Fry with Tofu", "Cabbage and Lentil Soup"],
+    "Chicken": ["Grilled Chicken Breast", "Chicken Tikka Masala", "Chicken Stir-Fry", "Chicken Biryani"],
+    "Fish": ["Grilled Salmon", "Fish Curry", "Baked Fish with Herbs", "Fish Tacos"],
+    "Mutton": ["Mutton Curry", "Mutton Biryani", "Grilled Lamb Chops", "Mutton Rogan Josh"],
+    "Tofu": ["Tofu Stir-Fry", "Crispy Tofu Nuggets", "Tofu Scramble", "Tofu Curry"]
+  };
+
+  const dishes = foodItems[selectedIngredient] || [];
+  addMessage(dishes.join(", "), 'bot');
+}