lullu/idle-game
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Session 12: Save Slot System (3 slots, autosave toggle, cross-slot import/export) + fix goldenBlooms field missing from reset()/switchSlot empty-state

Browse Source
This commit is contained in:
hermes
2026-08-23 09:01:17 +00:00
parent 26ee47c2db
commit 57904f80e2
5 changed files with 367 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+24 -5
View File
@@ -63,7 +63,7 @@
</div>
<div id="achievements-tab" class="tab-content">
<h3>Achievements (0/33)</h3>
<h3>Achievements (0/31)</h3>
<div id="achievements-list"></div>
</div>
@@ -103,10 +103,22 @@
<!-- Footer: Controls -->
<footer id="game-footer">
<button id="save-btn">💾 Save</button>
<button id="export-btn">📤 Export Save</button>
<button id="import-btn">📥 Import Save</button>
<button id="reset-btn">🗑️ Reset</button>
<div class="footer-section">
<span class="footer-label">Slot:</span>
<button class="slot-btn" data-slot="0">1</button>
<button class="slot-btn" data-slot="1">2</button>
<button class="slot-btn" data-slot="2">3</button>
</div>
<div class="footer-section">
<span class="footer-label">Auto:</span>
<button id="autosave-btn" class="toggle-btn on">ON</button>
</div>
<div class="footer-section">
<button id="save-btn">💾 Save</button>
<button id="export-btn">📤 Export</button>
<button id="import-btn">📥 Import</button>
<button id="reset-btn">🗑️ Reset</button>
</div>
<span id="last-saved"></span>
</footer>
</div>
@@ -118,7 +130,14 @@
<div id="import-modal" class="modal hidden">
<div class="modal-content">
<h3>Import Save</h3>
<p class="modal-hint">Paste your save data, then choose which slot to import into.</p>
<textarea id="import-data" placeholder="Paste your save data here..."></textarea>
<div class="import-slot-selector">
<span class="import-slot-label">Import into slot:</span>
<button class="slot-btn" data-import-slot="0">1</button>
<button class="slot-btn" data-import-slot="1">2</button>
<button class="slot-btn" data-import-slot="2">3</button>
</div>
<div class="modal-buttons">
<button id="confirm-import">Import</button>
<button id="cancel-import">Cancel</button>