Websocket实现简易聊天室（小小demo）

Websocket实现简易聊天室

逛社区的时候，偶然看到一个用Websocket实现聊天室的教程，感觉有点意思，并且想体验下Websocket的使用，于是自己也写了简单（简陋emoj）的聊天室。

看看最终效果:

写这么简单的CSS（狗头保命）

等过段时间学了nodejs，会重做一个功能完善的聊天室。

/* css */
 #talk {
   
      width: 220px;
      height: 200px;
      background-color: pink;
      font-size: 12px;
    }

<!-- html -->
  <input type="text">
  <button>发送</button>
  <div id="talk"></div>

 <script>
    var div = document.querySelector('#talk')
    var input = document.querySelector('input')
    var button = document.querySelector('button')

    var ws = new WebSocket('ws://localhost:3000')