|
64 | 64 | </head> |
65 | 65 | <body> |
66 | 66 |
|
67 | | -<h1>⚔️ Random Enemy Generator 💾</h1> |
| 67 | +<h1>⚔️ Random Enemy Generator</h1> |
68 | 68 | <div class="buttons"> |
69 | | - <button id="generate">Generate Enemy</button> |
70 | | - <button id="clear">Clear Enemies</button> |
71 | | - <button id="save">Save Enemies as JSON</button> |
| 69 | + <button id="generate">🧬 Generate Enemy</button> |
| 70 | + <button id="clear">🗑️ Clear Enemies</button> |
| 71 | + <button id="save">💾 Save Enemies as JSON</button> |
| 72 | + <button onclick="loadEnemies()">📂 Load Enemies</button> |
| 73 | + <input type="file" id="fileInput" accept=".json" style="display:none" /> |
72 | 74 | </div> |
73 | 75 | <div id="enemyList"></div> |
74 | 76 |
|
@@ -165,6 +167,24 @@ <h1>⚔️ Random Enemy Generator 💾</h1> |
165 | 167 | a.click(); |
166 | 168 | URL.revokeObjectURL(url); |
167 | 169 | }); |
| 170 | + |
| 171 | +function loadEnemies() { |
| 172 | + document.getElementById("fileInput").click(); |
| 173 | + } |
| 174 | + |
| 175 | + document.getElementById("fileInput").addEventListener("change", function (event) { |
| 176 | + const file = event.target.files[0]; |
| 177 | + if (!file) return; |
| 178 | + const reader = new FileReader(); |
| 179 | + reader.onload = function (e) { |
| 180 | + enemies = JSON.parse(e.target.result); |
| 181 | + document.getElementById("enemyList").innerHTML = ""; |
| 182 | + enemies.forEach(displayEnemy); |
| 183 | + // ✅ Reset the file input so the same file can be loaded again later |
| 184 | + document.getElementById("fileInput").value = ""; |
| 185 | + }; |
| 186 | + reader.readAsText(file); |
| 187 | + }); |
168 | 188 | </script> |
169 | 189 | </body> |
170 | 190 | </html> |
0 commit comments