no reveal games

This commit is contained in:
Alec Maier
2020-05-20 23:51:31 -04:00
parent be90d52dec
commit c7c7b0e20b
9 changed files with 244 additions and 82 deletions

27
javascript/index.js Normal file
View File

@@ -0,0 +1,27 @@
let gameModeSelect = false;
window.onload = function() {
document.getElementById("create-game").addEventListener("click", toggleGameModeSelect);
document.getElementById("game-mode-back").addEventListener("click", toggleGameModeSelect)
};
function toggleGameModeSelect() {
gameModeSelect = !gameModeSelect;
let mainButtons = document.getElementById("main-buttons");
let gameModes = document.getElementById("game-mode-select");
if (gameModeSelect) {
mainButtons.classList.remove("slide-in");
mainButtons.offsetWidth;
mainButtons.classList.add("slide-out");
mainButtons.addEventListener("animationend", function() { mainButtons.style.display = "none" }, {capture: true, once: true});
gameModes.style.display = "flex";
} else {
gameModes.style.display = "none";
mainButtons.style.display = "flex";
mainButtons.classList.remove("slide-out");
mainButtons.offsetWidth;
mainButtons.classList.add("slide-in");
}
}