Created
June 12, 2020 01:08
-
-
Save tmbb/d0a4930cef8dc41a0125736fb6e0fb6e to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Local files can be imported directly using relative paths, for example: | |
import socket from "./socket" | |
import PhoenixWS from "./phoenix_ws" | |
function initializeChat() { | |
// Build a new PhoenixWS from the phoenix socket | |
const connection = new PhoenixWS(socket, "room:lobby", {}); | |
connection.onopen = () => { | |
console.log('connected'); | |
}; | |
connection.onclose = () => { | |
console.error('disconnected'); | |
}; | |
connection.onerror = (error) => { | |
console.error('failed to connect', error); | |
}; | |
connection.onmessage = (event) => { | |
console.log('received', event.data); | |
let li = document.createElement('li'); | |
li.innerText = event.data; | |
document.querySelector('#chat').append(li); | |
}; | |
document.querySelector('form').addEventListener('submit', (event) => { | |
event.preventDefault(); | |
let message = document.querySelector('#message').value; | |
connection.send(message); | |
document.querySelector('#message').value = ''; | |
}); | |
} | |
initializeChat(); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment