Create script.js

script.js

@@ -0,0 +1,39 @@
+function sendMessage() {
+    const userInput = document.getElementById('userInput');
+    const messages = document.getElementById('messages');
+    const typingIndicator = document.getElementById('typingIndicator');
+    
+    if (userInput.value.trim() === '') {
+        return; // Don't send empty messages
+    }
+    
+    // Create user message element
+    const userMessage = document.createElement('div');
+    userMessage.className = 'message user-message';
+    userMessage.textContent = userInput.value;
+    messages.appendChild(userMessage);
+    
+    // Scroll to bottom of messages
+    messages.scrollTop = messages.scrollHeight;
+    
+    // Clear user input field
+    userInput.value = '';
+    
+    // Show typing indicator
+    typingIndicator.style.display = 'flex';
+    
+    // Simulate bot response with typing animation
+    setTimeout(() => {
+        // Hide typing indicator
+        typingIndicator.style.display = 'none';
+        
+        // Create bot message element
+        const botMessage = document.createElement('div');
+        botMessage.className = 'message bot-message';
+        botMessage.textContent = 'ikan sepat ikan tongkol, ikyy selalu menonjol:v';
+        messages.appendChild(botMessage);
+        
+        // Scroll to bottom of messages
+        messages.scrollTop = messages.scrollHeight;
+    }, 1500); // Adjust delay for typing indicator
+}