a91082900/ElegyOfDisaster
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

minor fix of menu

Browse Source
This commit is contained in:
t510599 2018-06-02 00:39:59 +08:00
parent d4b0fcc021
commit 7be510921a
2 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/index.html
View File

@ -66,7 +66,7 @@
<a class="item" data-id="9">海爾</a> <a class="item" data-id="9">海爾</a>
<a class="item" data-id="10">雪村</a> <a class="item" data-id="10">雪村</a>
</div> </div>
<button id="next" class="ts positive button">確認</button> <button id="next" class="ts disabled positive button">確認</button>
</div> </div>
<div class="ts segment" id="room" style="display: none;"> <div class="ts segment" id="room" style="display: none;">
<div class="ts action input"> <div class="ts action input">

16
web/menu.js
View File

@ -19,9 +19,12 @@ btn.addEventListener('click',() => {
var characterMenu = document.querySelector('.ts.centered.menu'); var characterMenu = document.querySelector('.ts.centered.menu');
var characters = Array.from(characterMenu.children); var characters = Array.from(characterMenu.children);
var nextBtn = document.querySelector('#next');
var firstStep = document.querySelector('#firstStep');
characterMenu.addEventListener('click', (e) => { characterMenu.addEventListener('click', (e) => {
var id = e.target.dataset.id; var id = e.target.dataset.id;
console.log("charactor:"+id); nextBtn.classList.remove('disabled');
if(id) { if(id) {
characters.forEach(e => { characters.forEach(e => {
e.classList.remove('active'); e.classList.remove('active');
@ -31,17 +34,18 @@ characterMenu.addEventListener('click', (e) => {
} }
}); });
var nextBtn = document.querySelector('#next'); nextBtn.addEventListener('click',() => {
nextBtn.addEventListener('click',() => { displayRoom() }); if (characterID) {
displayRoom();
}
});
var firstStep = document.querySelector('#firstStep');
firstStep.addEventListener('click',() => { displayCharacter() }); firstStep.addEventListener('click',() => { displayCharacter() });
var roomNum = document.querySelector('#roomNum'); var roomNum = document.querySelector('#roomNum');
var roomBtn = document.querySelector('#roomBtn'); var roomBtn = document.querySelector('#roomBtn');
roomBtn.addEventListener('click',() => { roomBtn.addEventListener('click',() => {
if(roomNum.value != null && 0 <= parseInt(roomNum.value) && 99999 >= parseInt(roomNum.value)){ if(roomNum.value != null && 0 <= parseInt(roomNum.value) && 99999 >= parseInt(roomNum.value)){
console.log('room:'+roomNum.value)
roomID = roomNum.value; roomID = roomNum.value;
setter(); setter();
location.href = './cards.html'; location.href = './cards.html';
@ -52,7 +56,7 @@ roomBtn.addEventListener('click',() => {
var randomBtn = document.querySelector('#random'); var randomBtn = document.querySelector('#random');
randomBtn.addEventListener('click',() => { randomBtn.addEventListener('click',() => {
roomID = "n" roomID = "n";
setter(); setter();
location.href = './cards.html'; location.href = './cards.html';
}); });