Skip to content

Thabo209/Chatbot-Interface-Using-HTML-CSS-and-JavaScript.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 

Repository files navigation

Chatbot-Interface-Using-HTML-CSS-and-JavaScript.

This chatbot includes:

  1. 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
  2. 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
  3. 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.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages