Click here for free DL of the app version that can save data.

No:2235

1028

←

Prev Next

→

Game to overcome trauma
Developer User3521｜Date and time 23/6/20 16:54:55
Build time 29.421 sec｜Game capacity 2.073KB｜

Script

トラウマ克服ゲーム

😨😱👻

👉タップしてスタート👈

🤔❓🚶

足音が聞こえてきました。

あなたは逃げることにしますか?

😌👍🎉

おめでとうございます!

トラウマを克服しました!

ゲーム概要：足音が聞こえてきたとき、逃げるか逃げないかを選択するだけの簡単なゲームです。逃げた場合は脱出成功、逃げなかった場合は捕まります。最後に、トラウマを克服したことを祝福するエンド画面が表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>トラウマ克服ゲーム</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <style>
      body {
        background-color: #f0e4d7;
        font-family: sans-serif;
        text-align: center;
      }
      #game, #end {
        display: none;
      }
      .emoji {
        font-size: 40px;
      }
    </style>
  </head>
  <body>
    <h1>トラウマ克服ゲーム</h1>
    <p class="emoji">😨😱👻</p>
    <div id="start">
      <p class="emoji">👉タップしてスタート👈</p>
    </div>
    <div id="game">
      <p class="emoji">🤔❓🚶</p>
      <p>足音が聞こえてきました。</p>
      <p>あなたは逃げることにしますか?</p>
      <button id="yes">はい</button>
      <button id="no">いいえ</button>
    </div>
    <div id="end">
      <p class="emoji">😌👍🎉</p>
      <p>おめでとうございます!</p>
      <p>トラウマを克服しました!</p>
    </div>
    <script>
      $(document).ready(function() {
        $("#start").on("click", function() {
          $(this).hide();
          $("#game").show();
        });
        $("#yes").on("click", function() {
          $("p:first", $("#game")).text("逃げたあなたは無事に脱出できました。");
          $("#game button").hide();
          $("#end").show();
        });
        $("#no").on("click", function() {
          $("p:first", $("#game")).text("立ち止まったあなたは捕まってしまいました。");
          $("#game button").hide();
          $("#end").show();
        });
      });
    </script>
  </body>
</html>