let websocket = null

const setText = data => {
  const msg = `<div>${data}</div>`
  chat.insertAdjacentHTML('beforeend', msg)
}

btnConnect.addEventListener('click', e => {
  //ws: si es http - wss: si es https
  websocket = new WebSocket('ws://demos.kaazing.com/echo')
  websocket.onopen = () => setText('Conectado')
  websocket.onclose = () => setText('Desconectado')
  websocket.onerror = e => setText(e)
  websocket.onmessage = e => {
    setText(e.data)
  }
})

btnDisconnect.addEventListener('click', e => {
  websocket.onclose()
})

btnSend.addEventListener('click', e => {
  websocket.send(textMsg.value)
})

let websocket = null

const setText = data => {
  const msg = `<div>${data}</div>`
  chat.insertAdjacentHTML('beforeend', msg)
}

btnConnect.addEventListener('click', e => {
  //ws: si es http - wss: si es https
  websocket = new WebSocket('ws://demos.kaazing.com/echo')
  websocket.onopen = () => setText('Conectado')
  websocket.onclose = () => setText('Desconectado')
  websocket.onerror = e => setText(e)
  websocket.onmessage = e => {
    setText(e.data)
  }
})

btnDisconnect.addEventListener('click', e => {
  websocket.onclose()
})

btnSend.addEventListener('click', e => {
  websocket.send(textMsg.value)
})

let websocket = null

const setText = data => {
  const msg = `<div>${data}</div>`
  chat.insertAdjacentHTML('beforeend', msg)
}

btnConnect.addEventListener('click', e => {
  //ws: si es http - wss: si es https
  websocket = new WebSocket('ws://demos.kaazing.com/echo')
  websocket.onopen = () => setText('Conectado')
  websocket.onclose = () => setText('Desconectado')
  websocket.onerror = e => setText(e)
  websocket.onmessage = e => {
    setText(e.data)
  }
})

btnDisconnect.addEventListener('click', e => {
  websocket.onclose()
})

btnSend.addEventListener('click', e => {
  websocket.send(textMsg.value)
})