Untitled

<!DOCTYPE html>
<html>
<head>
<title>Chatbot</title>
<style>
#chatbox {
  width: 300px;
  height: 400px;
  border: 1px solid black;
  overflow-y: scroll;
}

.user-message {
  text-align: right;
}

.bot-message {
  text-align: left;
}
</style>
</head>
<body>
<div id="chatbox">
  </div>

<input type="text" id="user-input">
<button onclick="sendMessage()">Send</button>

<script>
function sendMessage() {
  // ... (code to send message to backend and display)
}
</script>

</body>
</html>
Editor is loading...