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

No:27880

←

Prev Next

→

電車を脱線するな!線路を繋げろ!2
Developer User13711｜Date and time 23/12/9 22:31:39
Build time 32.779 sec｜Game capacity 2.889KB｜

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 {
    text-align: center;
  }
  #game-board {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 300px;
    height: 300px;
    margin: 0 auto;
    border: 1px solid black;
  }
  .track {
    width: 33.33%;
    height: 33.33%;
    font-size: 20px;
    border: 1px solid black;
    cursor: pointer;
  }
</style>
</head>
<body>
<h1>電車ゲーム</h1>
<div id="game-board">
  <div class="track"></div>
  <div class="track"></div>
  <div class="track"></div>
  <div class="track"></div>
  <div class="track"></div>
  <div class="track"></div>
  <div class="track"></div>
  <div class="track"></div>
  <div class="track"></div>
</div>

const tracks = document.querySelectorAll('.track');

function updateGameBoard() {
    for (let i = 0; i < tracks.length; i++) {
      tracks[i].textContent = currentTrack[i];
    }
  }

updateGameBoard();
  }

function checkGameOver() {
    let connected = false;

// 3つの線路が接続されているかチェック
    if ((currentTrack[0] === '─' && currentTrack[1] === '┬' && currentTrack[2] === '─') ||
        (currentTrack[3] === '├' && currentTrack[4] === '┼' && currentTrack[5] === '┤') ||
        (currentTrack[6] === '─' && currentTrack[7] === '┴' && currentTrack[8] === '─')) {
      connected = true;
    }

if (connected) {
      alert('電車が線路に繋がりました！おめでとうございます！');
    } else {
      alert('線路が正しく繋がっていません！もう一度やり直してください！');
    }
  }

tracks.forEach((track, index) => {
    track.addEventListener('click', () => {
      rotateTrack(index);
      checkGameOver();
    });
  });

updateGameBoard();
</script>
</body>
</html>