KingOfDog/tetris.js
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add ability to switch theme

Browse Source
This commit is contained in:
Marcel
2018-01-24 19:53:52 +01:00
parent bb1c24b7e0
commit d760fc6e21
2 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@@ -22,15 +22,15 @@
</div> </div>
<div id="theme-selector"> <div id="theme-selector">
<div class="radio"> <div class="radio">
<input id="theme-default" name="theme" type="radio" checked> <input id="theme-default" name="theme" data-theme="default" type="radio" checked>
<label for="theme-default" class="radio-label">Default</label> <label for="theme-default" class="radio-label">Default</label>
</div> </div>
<div class="radio"> <div class="radio">
<input id="theme-modern" name="theme" type="radio"> <input id="theme-modern" name="theme" data-theme="modern" type="radio">
<label for="theme-modern" class="radio-label">Modern</label> <label for="theme-modern" class="radio-label">Modern</label>
</div> </div>
<div class="radio"> <div class="radio">
<input id="theme-snakes" name="theme" type="radio"> <input id="theme-snakes" name="theme" data-theme="snakes" type="radio">
<label for="theme-snakes" class="radio-label">Snakes</label> <label for="theme-snakes" class="radio-label">Snakes</label>
</div> </div>
</div> </div>

6
js/menu.js
View File

@@ -64,6 +64,12 @@ document.getElementById("game-reset").addEventListener("click", () => {
showMenu(); showMenu();
}); });
document.getElementsByName("theme").forEach((el) => {
el.addEventListener("change", (e) => {
theme = e.target.getAttribute("data-theme");
});
});
let isActive = false; let isActive = false;
const menuButton = document.getElementById("menu-opener"); const menuButton = document.getElementById("menu-opener");