| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| <title>Chatbot</title> |
| <link rel="stylesheet" href="styles.css" /> |
| </head> |
| <body> |
| <div class="chat-container"> |
| <div class="chat-box" id="chatBox"> |
| <div class="messages" id="messages"></div> |
| <div |
| class="typing-indicator" |
| id="typingIndicator" |
| style="display: none" |
| > |
| <div class="dot"></div> |
| <div class="dot"></div> |
| <div class="dot"></div> |
| </div> |
| </div> |
| <div class="input-area"> |
| <textarea |
| id="userInput" |
| placeholder="Type your message here..." |
| rows="1" |
| ></textarea> |
| <button onclick="sendMessage()">Send</button> |
| </div> |
| </div> |
| <script src="script.js"></script> |
| </body> |
| </html> |
|
|
