};
events.addEventListener("players", function(event) {
+ const players_div = document.getElementById("players-div");
const players_element = document.getElementById("players");
const players = JSON.parse(event.data);
li.innerText = player.name;
players_element.appendChild(li);
}
+
+ /* Force players list to be visible. */
+ players_div.style.display = "block";
});
events.addEventListener("player-join", function(event) {
+ const players_div = document.getElementById("players-div");
const players = document.getElementById("players");
const player = JSON.parse(event.data);
players.appendChild(li);
add_message("success", player.name + " is now in the game!");
+
+ /* Force players list to be visible. */
+ players_div.style.display = "block";
});
events.addEventListener("player-leave", function(event) {
<h1 id="character-reveal"></h1>
</div>
- <div class="hide-state-reveal">
+ <div class="hide-state-reveal" id="players-div">
<h1>Players in the game</h1>
<ul id="players">