html5 websocket

  <style>
            #websockets-message {
              text-align: center;
              padding: 0px;
            }
            #ws-left {
              float: left;
              width: 490px;
              padding-right: 10px
            }
            #ws-left h4 {
              margin: 10px 0 0 0;
            }
            #ws-right {
              float: left;
              width: 300px;
             /* border-left: solid 1px #9a9ab3;*/
              padding-left: 20px;
            }
            #wsConsoleLog {
              background-color: white;
              border: solid 1px #999;
              border-top-color: #ccc;
              border-left-color: #ccc;
              padding: 5px;
              width: 290px;
              height: 175px;
              overflow-y: auto;
            }
            #wsConsoleLog p:first-of-type {
              margin: 0 0;
            }
            #wsConsoleLog p {
              margin: 0.5em 0;
              font-size: 12px;
            }
            #ws-left input[type='text'] {
              width: 370px;
            }
            #wsSecureCb {
              position: relative;
              top: 2px;
            }
            #wsSecureCbLabel {
              position: relative;
              left: -10px;
            }
            #ws-left button,
            #ws-right button {
              margin-top: 5px;
              font-size: 14px;
            }
            #ws-config-config, #ws-config-message {
              margin-top: 15px;
            }
            #ws-right button {
              font-size: 14px;
              margin-top: 3px;
            }
            #ws-powered {
              text-align: center;
              padding-top: 15px;
              clear: both;
            }
            #ws-powered a {
              border: 0
            }
            #wsKaazingLogo {
              position: relative;
              top: 4px;
              left: 2px;
              border: 0;
            }
          </style>
 
 <div id="ws-config-location">
                <h4>Location:</h4>
                <input type="text" id="wsUri" disabled />
                <br>
                <input type="checkbox" id="wsSecureCb" οnclick="wsToggleTls();" disabled />
                <label id="wsSecureCbLabel" for="wsSecureCb">Use secure WebSocket (TLS/SSL)</label>
                <br>
                <button id="wsConnectBut" disabled>Connect</button>
                <button id="wsDisconnectBut" disabled>Disconnect</button>
              </div>
              <div id="ws-config-message">
                <h4>Message:</h4>
                <input  type="text" id="wsMessage" value="Hello, WebSocket" disabled />
                <button id="wsSendBut" disabled>Send</button>
              </div>
            </div>
            <div id="ws-right">
              <div id="ws-log">
                <strong>Output:</strong>
                <div id="wsConsoleLog"></div>
                <button id="wsClearLogBut">Clear log</button>
              </div>
            </div>
 
          </section>
          <script src="src/websocket/websocket.js" defer></script>
        </div>