Update static/script.js

static/script.js

@@ -1,3 +1,41 @@
+let conversation = [
+    { role: 'bot', message: "Hi there! I'm Chat Bot! May I know your name?" }
+];
+let selectedIngredients = [];
+let selectedMenuItem = null;
+let cart = [];
+
+function addMessage(role, message) {
+    const chatMessages = document.getElementById('chatMessages');
+    if (!chatMessages) {
+        console.error('Chat messages container not found!');
+        return;
+    }
+    const messageDiv = document.createElement('div');
+    messageDiv.className = role === 'bot' ? 'bot-message' : 'user-message';
+    messageDiv.textContent = message;
+    chatMessages.appendChild(messageDiv);
+    chatMessages.scrollTop = chatMessages.scrollHeight;
+    console.log(`Added ${role} message: ${message}`);
+}
+
+function sendMessage() {
+    const userInput = document.getElementById('userInput');
+    if (!userInput) {
+        console.error('User input field not found!');
+        return;
+    }
+    const message = userInput.value.trim();
+    if (message) {
+        addMessage('user', message);
+        conversation.push({ role: 'user', message: message });
+        userInput.value = '';
+        setTimeout(() => handleResponse(message), 500);
+    } else {
+        console.warn('Empty message!');
+    }
+}
+
 function handleResponse(userInput) {
     const lastMessage = conversation[conversation.length - 1].message.toLowerCase();
     let botResponse = '';