index.html 698 B

12345678910111213141516171819202122
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <title>
  5. My chat
  6. </title>
  7. </head>
  8. <body>
  9. <div id='formContainer' style="display: flex; flex-direction: column;">
  10. <input type="text" id="nick" style="height: 20px; border-radius: 5px; padding: 2px; text-align: center;" placeholder="nick">
  11. <input type="text" id="message" style="height: 20px; border-radius: 5px; padding: 2px; text-align: center" placeholder="message">
  12. <button id="button" style="padding: 5px">Send</button>
  13. <div id="chatHistory" style="margin:20px;border-radius: 15px; padding:15px;background-color:rgb(109, 169, 197);"></div>
  14. </div>
  15. <script src = 'index.js'>
  16. </script>
  17. </body>
  18. </html>