Pakopeli

Browser lacks capabilities required to play.

Upgrade or switch to another browser.

Loading…

<div class="page-start"> <div class="start-badge">🗝️ Yläkoulun pakopeli — 7. luokka</div> <h1>Yläkoulun pakopeli!</h1> <p class="start-story"> Selviätkö ulos koulurakennuksesta? Pelissä on 10 kysymystä, jotka liittyvät opiskeluun. Jos saat tarvittavan määrän pisteitä, pääset ulos koulusta! </p> <div class="start-stats"> <div class="stat-item"> <strong>10</strong> <span>luokkaa</span> </div> <div class="stat-item"> <strong>100</strong> <span>pistettä max</span> </div> <div class="stat-item"> <strong>80</strong> <span>pistettä vaaditaan</span> </div> </div> <div class="start-saannot"> <div class="saanto-rivi">✓ Oikea vastaus tuo <strong>10 pistettä</strong></div> <div class="saanto-rivi">✗ Väärä vastaus voi vähentää pisteitä</div> <div class="saanto-rivi">✏️ Väärästä vastauksesta sinun täytyy perustella miksi se ei ollut paras</div> <div class="saanto-rivi">⚠ Jos pisteitä ei riitä, käyt lisäluokissa</div> </div> <button class="btn-start" onclick="aloitaPeli()">▶ Aloita pakomatka</button> <button class="btn-opo" onclick="toggleOpo()">🔑 Opettajan avain</button> <div class="opo-panel" id="opo-panel"> <div class="opo-otsikko">🔑 Opettajan koodiavain</div> <p class="opo-teksti">Oppilas näyttää koodin pelin lopussa. Tarkista koodi alta.</p> <table class="opo-taulukko"> <tr><th>Koodi</th><th>Pisteet</th><th>Mitä tarkoittaa</th></tr> <tr><td><strong>TAITO8</strong></td><td>0–19</td><td>Tarvitsee paljon tukea. Käykää läpi miksi valinnat olivat haastavia.</td></tr> <tr><td><strong>KOULU7</strong></td><td>20–39</td><td>Alkuvaiheessa. Joitakin hyviä strategioita, mutta paljon kehitettävää.</td></tr> <tr><td><strong>OPPIJA</strong></td><td>40–59</td><td>Ymmärtää oppimisen perusteet. Kannusta kokeilemaan uusia strategioita.</td></tr> <tr><td><strong>GENIUS</strong></td><td>60–79</td><td>Hallitsee taidot hyvin. Kävi sakkokierroksella mutta selvisi.</td></tr> <tr><td><strong>VAPAUS</strong></td><td>80–99</td><td>Hallitsee taidot erinomaisesti. Ei tarvinnut sakkokierrosta.</td></tr> <tr><td><strong>VIISAS</strong></td><td>100+</td><td>Huippusuoritus! Lähes täydet pisteet.</td></tr> </table> <div class="opo-pisteet"> <div class="opo-pisteet-otsikko">Pisteiden laskenta</div> <div class="opo-rivi">✓ Oikea vastaus <span>+10 pistettä</span></div> <div class="opo-rivi">◑ Osittain oikea <span>0–7 pistettä</span></div> <div class="opo-rivi">✗ Väärä vastaus <span>−2 – −5 pistettä</span></div> <div class="opo-rivi">⚠ Sakkokierros (oikea) <span>+8 pistettä</span></div> <div class="opo-rivi">🏁 Läpäisyraja <span>80 / 100 pistettä</span></div> </div> <button class="btn-opo-sulje" onclick="toggleOpo()">✕ Sulje</button> </div> </div>

<<set $score = 0>> <<set $currentRoom = 0>> <<set $answered = false>> <<set $roomScores = {}>> <<set $penaltyDone = []>> <<set $shuffledChoices = {}>>

<div class="page-luokka"> <div class="luokka-header"> <span class="luokka-icon" id="room-icon-big"></span> <div> <div class="luokka-label" id="room-subject-label"></div> <h2 id="room-title"></h2> </div> <div class="luokka-edistyminen" id="room-progress"></div> </div> <p class="luokka-kysymys" id="room-question"></p> <div class="vastaukset" id="choices-container"></div> <div class="palaute" id="feedback-box"> <div class="palaute-otsikko" id="fb-title"></div> <p id="fb-text"></p> <div class="palaute-pisteet" id="fb-pts"></div> <p class="vinkki" id="tip-box"></p> <button class="btn-jatka" id="next-btn" onclick="seuraavaLuokka()" style="display:none;"> Seuraava luokka → </button> </div> </div> <<script>> $(document).ready(function() { setTimeout(function() { if (typeof renderRoom === 'function') renderRoom(); }, 100); }); <</script>>

<div class="page-sakko"> <div class="sakko-header"> <h2>⚠ Lisätehtävät</h2> <p>Sinulla on <strong id="penalty-current">0</strong> pistettä. Tarvitset 80 pistettä päästäksesi ulos. Valitse luokka alta. Mene luokkaan ja vastaa kysymykseen. Saat pisteet kun vastaat oikein.</p> </div> <div class="sakko-grid" id="penalty-grid"></div> </div> <<script>> $(document).ready(function() { setTimeout(function() { if (typeof renderPenalty === 'function') renderPenalty(); }, 100); }); <</script>>

<div class="page-voitto"> <h1>🎉 Olet vapaa!</h1> <p class="voitto-teksti" id="win-desc"></p> <div class="opo-ohje">📋 Kerro opollesi minkä koodin sait!</div> <div class="salakoodi-kehys"> <div class="salakoodi-label">Ulko-oven koodi</div> <div class="salakoodi" id="secret-code">????</div> </div> <div class="taidot" id="skills-summary"></div> <button class="btn-start" onclick="restartGame()">↺ Pelaa uudelleen</button> </div> <<script>> $(document).ready(function() { setTimeout(function() { if (typeof renderWin === 'function') renderWin(); }, 100); }); <</script>>

<div class="page-luokka"> <div class="luokka-header"> <span class="luokka-icon" id="sakko-icon"></span> <div> <div class="luokka-label" id="sakko-subject"></div> <h2 id="sakko-title"></h2> </div> <div class="luokka-edistyminen">Lisätehtävä</div> </div> <p class="luokka-kysymys" id="sakko-question"></p> <div class="vastaukset" id="sakko-choices"></div> <div class="palaute" id="sakko-feedback"> <div class="palaute-otsikko" id="sakko-fb-title"></div> <p id="sakko-fb-text"></p> <div class="palaute-pisteet" id="sakko-fb-pts"></div> <p class="vinkki" id="sakko-fb-tip"></p> <button class="btn-jatka" id="sakko-next" style="display:none;">Jatka →</button> </div> </div> <<script>> $(document).ready(function() { setTimeout(function() { if (typeof renderSakkoLuokka === 'function') renderSakkoLuokka(); }, 100); }); <</script>>