Create script.js

script.js

@@ -0,0 +1,71 @@
+// Example restaurant data for menu suggestions
+const menu = {
+    vegan: ['Vegan Burger', 'Tofu Stir Fry', 'Veggie Pizza'],
+    vegetarian: ['Cheese Pizza', 'Pasta Alfredo', 'Caprese Salad'],
+    non_vegetarian: ['Chicken Curry', 'Grilled Salmon', 'Steak'],
+    spicy: ['Spicy Tacos', 'Chili Chicken', 'Spicy Wings'],
+};
+
+document.getElementById("chat-form").addEventListener("submit", function(e) {
+    e.preventDefault();
+
+    const userInput = document.getElementById("user-input").value;
+    document.getElementById("user-input").value = '';  // Clear input box
+    addMessage(userInput, 'user-message');
+
+    // Get bot response based on user input
+    getBotResponse(userInput);
+});
+
+function addMessage(message, className) {
+    const messageDiv = document.createElement('div');
+    messageDiv.classList.add('message', className);
+    messageDiv.innerText = message;
+    document.getElementById("chat-box").appendChild(messageDiv);
+    scrollToBottom();
+}
+
+function scrollToBottom() {
+    const chatBox = document.getElementById("chat-box");
+    chatBox.scrollTop = chatBox.scrollHeight;
+}
+
+function getBotResponse(userInput) {
+    const botResponse = getChatbotReply(userInput);
+    addMessage(botResponse, 'bot-response');
+    suggestMenu(userInput);
+}
+
+function getChatbotReply(userInput) {
+    // Simulating a basic conversation
+    if (userInput.toLowerCase().includes('hello') || userInput.toLowerCase().includes('hi')) {
+        return "Hello! How can I help you today?";
+    } else if (userInput.toLowerCase().includes('menu')) {
+        return "Sure! What type of food are you looking for? Vegan, Vegetarian, Non-Vegetarian, or Spicy?";
+    } else {
+        return "Sorry, I didn't quite catch that. Can you rephrase?";
+    }
+}
+
+function suggestMenu(userInput) {
+    let userPreference = '';
+
+    if (userInput.toLowerCase().includes('vegan')) {
+        userPreference = 'vegan';
+    } else if (userInput.toLowerCase().includes('vegetarian')) {
+        userPreference = 'vegetarian';
+    } else if (userInput.toLowerCase().includes('non-vegetarian')) {
+        userPreference = 'non_vegetarian';
+    } else if (userInput.toLowerCase().includes('spicy')) {
+        userPreference = 'spicy';
+    }
+
+    const suggestedItems = menu[userPreference] || [];
+
+    const menuDiv = document.getElementById('menu');
+    if (suggestedItems.length > 0) {
+        menuDiv.innerHTML = `<strong>Recommended Dishes:</strong><br>${suggestedItems.join(', ')}`;
+    } else {
+        menuDiv.innerHTML = "Sorry, I couldn't find any suggestions for that. Please specify your preference.";
+    }
+}