駅の旅八高線編's game | AI game creator

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

No:27728

93

駅の旅八高線編
Developer User13711｜Date and time 23/12/8 15:58:01
Build time 48.006 sec｜Game capacity 4.233KB｜

駅の旅八高線に出発しました！

→ 　

0　

0　

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

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>駅の旅八高線</title>
    <style>
        #game-container {
            text-align: center;
            padding: 20px;
        }
        #game-text {
            font-size: 24px;
            margin-bottom: 20px;
        }
        #button-container {
            display: flex;
            justify-content: center;
        }
        .game-button {
            margin: 0 10px;
            padding: 10px 20px;
            font-size: 18px;
            border-radius: 5px;
            border: none;
            background-color: lightblue;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="game-text">駅の旅八高線に出発しました！</div>
        <div id="button-container">
            <button class="game-button" onclick="goToNextStation('高尾')">高尾</button>
        </div>
    </div>

<script>
        function goToNextStation(station) {
            if (station === '高尾') {
                document.getElementById('game-text').textContent = '高尾駅に到着しました🚂';
                document.getElementById('button-container').innerHTML = '<button class="game-button" onclick="goToNextStation(\'陣馬\')">陣馬</button>';
            } else if (station === '陣馬') {
                document.getElementById('game-text').textContent = '陣馬駅に到着しました🚂';
                document.getElementById('button-container').innerHTML = '<button class="game-button" onclick="goToNextStation(\'跡倉\')">跡倉</button>';
            } else if (station === '跡倉') {
                document.getElementById('game-text').textContent = '跡倉駅に到着しました🚂';
                document.getElementById('button-container').innerHTML = '<button class="game-button" onclick="goToNextStation(\'西八王子\')">西八王子</button>';
            } else if (station === '西八王子') {
                document.getElementById('game-text').textContent = '西八王子駅に到着しました🚂';
                document.getElementById('button-container').innerHTML = '<button class="game-button" onclick="goToNextStation(\'高幡不動\')">高幡不動</button>';
            } else if (station === '高幡不動') {
                document.getElementById('game-text').textContent = '高幡不動駅に到着しました🚂';
                document.getElementById('button-container').innerHTML = '<button class="game-button" onclick="goToNextStation(\'牛沼\')">牛沼</button>';
            } else if (station === '牛沼') {
                document.getElementById('game-text').textContent = '牛沼駅に到着しました🚂';
                document.getElementById('button-container').innerHTML = '<button class="game-button" onclick="goToNextStation(\'北八王子\')">北八王子</button>';
            } else if (station === '北八王子') {
                document.getElementById('game-text').textContent = '北八王子駅に到着しました🚂';
                document.getElementById('button-container').innerHTML = '<button class="game-button" onclick="goToNextStation(\'八王子みなみ野\')">八王子みなみ野</button>';
            } else if (station === '八王子みなみ野') {
                document.getElementById('game-text').textContent = '八王子みなみ野駅に到着しました🚂';
                document.getElementById('button-container').innerHTML = '<button class="game-button" onclick="goToNextStation(\'京王八王子\')">京王八王子</button>';
            } else if (station === '京王八王子') {
                document.getElementById('game-text').textContent = '京王八王子駅に到着しました🚂';
                document.getElementById('button-container').innerHTML = '<button class="game-button" onclick="goToNextStation(\'終点\')">終点</button>';
            } else if (station === '終点') {
                document.getElementById('game-text').textContent = '全ての駅を回りました🚂終了です！';
                document.getElementById('button-container').innerHTML = '';
            }
        }
    </script>
</body>
</html>