|
|
@@ -0,0 +1,22 @@
|
|
|
+<!DOCTYPE HTML>
|
|
|
+<html>
|
|
|
+
|
|
|
+<head>
|
|
|
+ <title>
|
|
|
+ My chat
|
|
|
+ </title>
|
|
|
+
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <div id='formContainer' style="display: flex; flex-direction: column;">
|
|
|
+ <input type="text" id="nick" style="height: 20px; border-radius: 5px; padding: 2px; text-align: center;" placeholder="nick">
|
|
|
+ <input type="text" id="message" style="height: 20px; border-radius: 5px; padding: 2px; text-align: center" placeholder="message">
|
|
|
+ <button id="button" style="padding: 5px">Send</button>
|
|
|
+ <div id="chatHistory" style="margin:20px;border-radius: 15px; padding:15px;background-color:rgb(109, 169, 197);"></div>
|
|
|
+ </div>
|
|
|
+ <script src = 'index.js'>
|
|
|
+ </script>
|
|
|
+
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|
