admin/chrismas_trae_game
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Generate PIN button option for all games

Browse Source 
- Added 'Generate PIN' button to all game overlays
- Users can now choose to enter existing PIN or generate new unique PIN
- Generated PIN appears instantly in input field with green highlight
- Shows 'PIN Generated: XXXXXX' confirmation message
- Supports all 7 games: Gift Catcher, Traoom, Neon Puzzle, Rhythm Beat, Cosmic Arena, Crystal Tetris, Aurora Jumper
This commit is contained in:
Gemini AI
2025-12-27 03:22:50 +04:00
Unverified
parent 744e9c9714
commit d3f2b6a263
2 changed files with 49 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
index.html
View File

@@ -165,6 +165,7 @@
<div class="input-group">
<input type="text" id="playerName" placeholder="Enter your name" maxlength="15">
<input type="text" id="playerSecretCode" placeholder="Your PIN (optional)" maxlength="6" style="width: 120px; text-transform: uppercase;">
<button id="generatePinBtn" class="btn-secondary" style="background: var(--trae-purple);">Generate PIN</button>
<button id="submitScoreBtn" class="btn-primary">Save Score</button>
</div>
<p class="code-hint" id="codeHint">New players get a PIN automatically</p>
@@ -218,6 +219,7 @@
<div class="input-group">
<input type="text" id="traoomPlayerName" placeholder="Enter your name" maxlength="15">
<input type="text" id="traoomSecretCode" placeholder="Your PIN (optional)" maxlength="6" style="width: 120px; text-transform: uppercase;">
<button id="generateTraoomPinBtn" class="btn-secondary" style="background: var(--trae-purple);">Generate PIN</button>
<button id="submitTraoomBtn" class="btn-primary">Save Score</button>
</div>
<p class="code-hint" id="traoomCodeHint">New players get a PIN</p>
@@ -251,6 +253,7 @@
<div class="input-group">
<input type="text" id="puzzlePlayerName" placeholder="Enter your name" maxlength="15">
<input type="text" id="puzzleSecretCode" placeholder="Your PIN (optional)" maxlength="6" style="width: 120px; text-transform: uppercase;">
<button id="generatePuzzlePinBtn" class="btn-secondary" style="background: var(--trae-purple);">Generate PIN</button>
<button id="submitPuzzleBtn" class="btn-primary">Save Score</button>
</div>
<p class="code-hint" id="puzzleCodeHint">New players get a PIN</p>
@@ -285,6 +288,7 @@
<div class="input-group">
<input type="text" id="rhythmPlayerName" placeholder="Enter your name" maxlength="15">
<input type="text" id="rhythmSecretCode" placeholder="Your PIN (optional)" maxlength="6" style="width: 120px; text-transform: uppercase;">
<button id="generateRhythmPinBtn" class="btn-secondary" style="background: var(--trae-purple);">Generate PIN</button>
<button id="submitRhythmBtn" class="btn-primary">Save Score</button>
</div>
<p class="code-hint" id="rhythmCodeHint">New players get a PIN</p>
@@ -319,6 +323,7 @@
<div class="input-group">
<input type="text" id="arenaPlayerName" placeholder="Enter your name" maxlength="15">
<input type="text" id="arenaSecretCode" placeholder="Your PIN (optional)" maxlength="6" style="width: 120px; text-transform: uppercase;">
<button id="generateArenaPinBtn" class="btn-secondary" style="background: var(--trae-purple);">Generate PIN</button>
<button id="submitArenaBtn" class="btn-primary">Save Score</button>
</div>
<p class="code-hint" id="arenaCodeHint">New players get a PIN</p>
@@ -353,6 +358,7 @@
<div class="input-group">
<input type="text" id="tetrisPlayerName" placeholder="Enter your name" maxlength="15">
<input type="text" id="tetrisSecretCode" placeholder="Your PIN (optional)" maxlength="6" style="width: 120px; text-transform: uppercase;">
<button id="generateTetrisPinBtn" class="btn-secondary" style="background: var(--trae-purple);">Generate PIN</button>
<button id="submitTetrisBtn" class="btn-primary">Save Score</button>
</div>
<p class="code-hint" id="tetrisCodeHint">New players get a PIN</p>
@@ -387,6 +393,7 @@
<div class="input-group">
<input type="text" id="platformerPlayerName" placeholder="Enter your name" maxlength="15">
<input type="text" id="platformerSecretCode" placeholder="Your PIN (optional)" maxlength="6" style="width: 120px; text-transform: uppercase;">
<button id="generatePlatformerPinBtn" class="btn-secondary" style="background: var(--trae-purple);">Generate PIN</button>
<button id="submitPlatformerBtn" class="btn-primary">Save Score</button>
</div>
<p class="code-hint" id="platformerCodeHint">New players get a PIN</p>