Update static/script.js

static/script.js

@@ -16,6 +16,30 @@ function addMessage(role, message) {
     console.log(`Added ${role} message: ${message}`);
 }
 
+function showFAQOptions() {
+    const faqContainer = document.getElementById('faqList');
+    faqContainer.style.display = 'block'; // Show the FAQ list once the greeting is sent
+}
+
+function handleFAQClick(faq) {
+    let botResponse = '';
+
+    // FAQ handling logic based on the clicked question
+    if (faq === 'contact_support') {
+        botResponse = "You can email us at support@company.com.";
+    } else if (faq === 'business_hours') {
+        botResponse = "We are open from 9 AM to 6 PM, Monday to Friday.";
+    } else if (faq === 'reset_password') {
+        botResponse = "Click on 'Forgot Password' on the login page.";
+    } else if (faq === 'cancel_subscription') {
+        botResponse = "You can cancel your subscription by visiting the 'Account Settings' page and selecting 'Cancel Subscription'.";
+    } else if (faq === 'discounts') {
+        botResponse = "We offer seasonal discounts and promotions. Keep an eye on our website or subscribe to our newsletter for updates.";
+    }
+
+    addMessage('bot', botResponse);
+}
+
 function sendMessage() {
     const userInput = document.getElementById('userInput');
     if (!userInput) {
@@ -33,20 +57,24 @@ function sendMessage() {
     }
 }
 
-function handleFAQClick(faq) {
+function handleResponse(userInput) {
+    const lastMessage = conversation[conversation.length - 1].message.toLowerCase();
     let botResponse = '';
 
-    // FAQ handling logic based on the clicked question
-    if (faq === 'contact_support') {
+    // FAQ handling logic
+    if (lastMessage.includes("how do i contact customer support")) {
         botResponse = "You can email us at support@company.com.";
-    } else if (faq === 'business_hours') {
+    } else if (lastMessage.includes("what are your business hours")) {
         botResponse = "We are open from 9 AM to 6 PM, Monday to Friday.";
-    } else if (faq === 'reset_password') {
+    } else if (lastMessage.includes("how do i reset my password")) {
         botResponse = "Click on 'Forgot Password' on the login page.";
-    } else if (faq === 'cancel_subscription') {
+    } else if (lastMessage.includes("how do i cancel my subscription")) {
         botResponse = "You can cancel your subscription by visiting the 'Account Settings' page and selecting 'Cancel Subscription'.";
-    } else if (faq === 'discounts') {
+    } else if (lastMessage.includes("are there any discounts available")) {
         botResponse = "We offer seasonal discounts and promotions. Keep an eye on our website or subscribe to our newsletter for updates.";
+    } else {
+        // Fallback for unrecognized input
+        botResponse = "Sorry, I didn't understand that. Could you please clarify or ask a different question?";
     }
 
     addMessage('bot', botResponse);
@@ -58,4 +86,10 @@ document.getElementById('userInput').addEventListener('keypress', function(e) {
     }
 });
 
+// Show FAQ options after the greeting message
+window.onload = () => {
+    addMessage('bot', "Hi there! I'm your assistant! How can I help you today?");
+    showFAQOptions();
+};
+
 console.log('Script loaded successfully');