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

No:2827

2207

←

Prev Next

→

Lifespan Extension Games
Developer User3623｜Date and time 23/6/22 20:24:45
Build time 22.245 sec｜Game capacity 2.149KB｜

Script

寿命伸ばしゲーム

あなたの寿命は100歳です。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>寿命伸ばしゲーム</title>
    <style>
      body {
        font-size: 1.5rem;
      }
      .button {
        margin: 10px;
        padding: 10px 20px;
        background-color: #facd89;
        border: none;
        border-radius: 5px;
        font-size: 1.5rem;
        cursor: pointer;
      }
      .button:hover {
        background-color: #f6b352;
        color: white;
      }
      .result {
        margin: 20px;
        font-size: 2.5rem;
        text-align: center;
      }
      .life {
        font-size: 3rem;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <h1>寿命伸ばしゲーム</h1>
    <p>あなたの寿命は<span id="life">100</span>歳です。</p>
    <button class="button" onclick="exercise()">運動する</button>
    <button class="button" onclick="eat()">食事する</button>
    <button class="button" onclick="sleep()">睡眠する</button>
    <div class="result"></div>
    <script>
      let life = 100;
      const lifeSpan = 150;
      const exerciseTime = 5;
      const eatTime = 3;
      const sleepTime = 8;
      const resultTexts = [
        "偉い！",
        "うまくいってるね。",
        "まあまあかな。",
        "もう少し頑張ろう。",
        "ダメダメ。",
        "やる気ないの？"
      ];
      
      function exercise() {
        life += exerciseTime;
        updateLife();
        showResult();
      }
      
      function eat() {
        life += eatTime;
        updateLife();
        showResult();
      }
      
      function sleep() {
        life += sleepTime;
        updateLife();
        showResult();
      }
      
      function updateLife() {
        if (life > lifeSpan) {
          life = lifeSpan;
        }
        document.getElementById("life").innerText = life;
      }
      
      function showResult() {
        const result = Math.floor(Math.random() * resultTexts.length);
        const resultDiv = document.querySelector(".result");
        resultDiv.innerText = resultTexts[result];
      }
    </script>
  </body>
</html>