]> git.cworth.org Git - lmno.games/blob - lmno.js
Add simple JavaScript processing of game ID form submission
[lmno.games] / lmno.js
1 function undisplay(element) {
2   element.style.display="none";
3 }
4
5 function add_message(severity, message) {
6   message = `<div class="message ${severity}" onclick="undisplay(this)">
7 <span class="hide-button" onclick="undisplay(this.parentElement)">&times;</span>
8 ${message}
9 </div>`;
10   const message_area = document.getElementById('message-area');
11   message_area.insertAdjacentHTML('beforeend', message);
12 }
13
14 function join_loadend(request, game_id) {
15   if (request.status === 404) {
16     add_message("danger", game_id + " is not a valid game ID. Try again.");
17     return;
18   }
19 }
20
21 function lmno_join(form) {
22   const game_id = form.id.value;
23
24   var request = new XMLHttpRequest();
25   request.addEventListener("loadend", () => join_loadend(request, game_id));
26
27   request.open("GET", "/" + game_id);
28   request.setRequestHeader("Content-Type", "application/json; charset=UTF-8");
29   request.send();
30
31   form.reset();
32 }