X-Git-Url: https://git.cworth.org/git?a=blobdiff_plain;f=empires-client.js;h=3d528e08ba1e4efbee827b04a3c166c2ec90cd25;hb=6ae3309fc78ab84e973562dee6c1dff94abcccfe;hp=ff952a3e5281d2bdd15a8918c9a76542e152e939;hpb=591fb6a7ac42ce2a38e185ee8f71b7b4c615f813;p=empires-html diff --git a/empires-client.js b/empires-client.js index ff952a3..3d528e0 100644 --- a/empires-client.js +++ b/empires-client.js @@ -13,13 +13,8 @@ ${message} message_area.insertAdjacentHTML('beforeend', message); } -function register_loaded(name) { - add_message("success", name + " is now in the game!"); -} - function register(form) { var request = new XMLHttpRequest(); - request.addEventListener("load", register_loaded(form.name.value)); request.open("POST", API + "register"); request.setRequestHeader("Content-Type", "application/json; charset=UTF-8"); @@ -53,7 +48,7 @@ events.addEventListener("players", function(event) { } }); -events.addEventListener("player-register", function(event) { +events.addEventListener("player-join", function(event) { const players = document.getElementById("players"); const player = JSON.parse(event.data); @@ -61,13 +56,16 @@ events.addEventListener("player-register", function(event) { li.id = "player-" + player.id; li.innerText = player.name; players.appendChild(li); + + add_message("success", player.name + " is now in the game!"); }); -events.addEventListener("player-deregister", function(event) { +events.addEventListener("player-leave", function(event) { const players = document.getElementById("players"); const id = JSON.parse(event.data); const player = document.getElementById("player-" + id.id); + add_message("info", player.innerText + " has left the game."); players.removeChild(player); });