X-Git-Url: https://git.cworth.org/git?p=empires-html;a=blobdiff_plain;f=empires-client.js;fp=empires-client.js;h=9ac3308feff2519c5bb31b03d0f2fec7c9e7f722;hp=bb8a41f2fa96354aef293228846342b260833ff7;hb=c7ccb107a01eff16c292cd9b35a4afce8e34d5e5;hpb=7da13d54894921539b424205e34bc287ea8d1064 diff --git a/empires-client.js b/empires-client.js index bb8a41f..9ac3308 100644 --- a/empires-client.js +++ b/empires-client.js @@ -31,3 +31,26 @@ function register(form) { form.reset(); } + +const events = new EventSource(API + "events"); + +events.addEventListener("players", function(event) { + const players_element = document.getElementById("players"); + const players = JSON.parse(event.data); + + players_element.innerHTML = ''; + for (const player of players) { + var li =document.createElement('li'); + li.innerText = player.name; + players_element.appendChild(li); + } +}); + +events.addEventListener("player-register", function(event) { + const players = document.getElementById("players"); + const player = JSON.parse(event.data); + + const li = document.createElement('li'); + li.innerText = player.name; + players.appendChild(li); +});