|
|
<!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> |
|
|
|
