Simple JavaScript Chatbot

This project demonstrates how to create a simple chatbot using HTML, CSS, and JavaScript. The chatbot can respond to user inputs with predefined messages and can handle various types of greetings, inquiries, and farewells.

Live Demo

You can view the live demo here.

Project Structure

• index.html
• adhddev-simple-chatbot.css
• adhddev-simple-chatbot.js

index.html

This file contains the structure of the chatbot interface.

adhddev-simple-chatbot.css

This file contains the styles for the chatbot interface, including the positioning of user and bot messages.

adhddev-simple-chatbot.js

This file contains the logic for handling user input and generating bot responses.

Features

• Predefined Responses: The bot can respond to various greetings, inquiries about its status, its name, and farewells.
• Randomized Responses: The bot can respond with one of multiple possible responses for each trigger word.
• Dynamic Message Display: Messages from the user appear on the left, while messages from the bot appear on the right.

How to Use

1. Clone the repository.
2. Open index.html in a web browser.
3. Type a message in the input box and click "Send" or press "Enter".
4. The bot will respond based on the predefined responses.

Feel free to modify and extend the bot's responses and functionality!

Brought to you by Christopher Hacia

• GitHub
• LinkedIn
• You can find me on Discord as SevenSparxx
• https://chrishacia.com
• https://coderlife.net (coming soon)