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

No:6218

1472

←

Prev Next

→

Bringing back the Titanic.
Developer User3857｜Date and time 23/7/1 21:32:15
Build time 25.128 sec｜Game capacity 2.444KB｜

Script

タイタニックゲーム

タイタニック号を復活させよう！

🛳️

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>タイタニックゲーム</title>
  <style>
    body {
      background-color: lightblue;
      text-align: center;
    }
    
    #ship {
      font-size: 60px;
    }
    
    .btn {
      margin: 10px;
      padding: 10px;
      background-color: lightgreen;
      color: white;
      font-weight: bold;
      border: none;
      border-radius: 5px;
      cursor: pointer;
    }
    
    #restartButton {
      display: none;
    }
  </style>
</head>
<body>
  <h1>タイタニックゲーム</h1>
  <p>タイタニック号を復活させよう！</p>
  <div id="ship">🛳️</div>
  <button class="btn" id="pumpButton">水を抜く</button>
  <button class="btn" id="repairButton">修理する</button>
  <div id="result"></div>
  <button class="btn" id="restartButton">Reset</button>

var isSinking = false;
    var waterLevel = 0;

function updateShip() {
      if (isSinking) {
        ship.style.fontSize = (60 - waterLevel * 5) + 'px';
      }
    }

function pumpWater() {
      if (!isSinking) {
        return;
      }

waterLevel--;
      updateShip();

if (waterLevel === 0) {
        isSinking = false;
        result.textContent = "水が抜けて船が浮かびました！";
        restartBtn.style.display = 'block';
      }
    }

function repairShip() {
      if (isSinking) {
        return;
      }

if (waterLevel < 5) {
        waterLevel++;
      } else {
        result.textContent = "船が沈没した！";
        restartBtn.style.display = 'block';
        return;
      }

updateShip();
    }

function restartGame() {
      waterLevel = 0;
      isSinking = false;
      ship.style.fontSize = '60px';
      pumpBtn.disabled = false;
      repairBtn.disabled = false;
      result.textContent = '';
      restartBtn.style.display = 'none';
    }

pumpBtn.addEventListener('click', pumpWater);
    repairBtn.addEventListener('click', repairShip);
    restartBtn.addEventListener('click', restartGame);
  </script>
</body>
</html>