This chatbot includes:
-
Modern UI Design:
- Clean interface with a message area and input field
- Visual distinction between user and bot messages
- Typing indicator animation
- Smooth message animations
-
Functional Features:
- Send messages by clicking the button or pressing Enter
- Simulated typing indicator with random timing for realistic feel
- Auto-scrolling to the most recent messages
- Responsive design that works on mobile and desktop
-
Simple Response System:
- Keyword-based responses for common phrases
- Fallback responses for unknown queries
- Support for both exact and partial keyword matching
To use this chatbot, you can:
- Open the HTML file in any web browser
- Type a message and press Enter or click the send button
- Try messages like "hello", "help", "what's your name", etc.
You can easily expand this by adding more responses to the botResponses object in the JavaScript code.