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

No:20933

Öne day of a military supreme commander
Developer User9239｜Date and time 23/10/12 4:14:34
Build time 73.233 sec｜Game capacity 3.506KB｜

Script

Supreme Commander - The Game

One Day of a Military Supreme Commander

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Supreme Commander - The Game</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            font-family: sans-serif;
        }
        #container {
            text-align: center;
        }
        img {
            width: 150px;
            height: 150px;
            margin: 10px;
        }
        button {
            padding: 10px 20px;
            font-size: 18px;
        }
    </style>
</head>
<body>
    <div id="container">
        <h1>Supreme Commander - The Game</h1>
        <h3>One Day of a Military Supreme Commander</h3>
        <img src="pictograms/soldier.png" id="soldier" alt="Soldier">
        <img src="pictograms/tank.png" id="tank" alt="Tank">
        <img src="pictograms/airplane.png" id="airplane" alt="Airplane">
        <br>
        <button onclick="executeMission()">Start Mission</button>
    </div>

// Randomly select one mission from the available options
        function selectMission() {
            const randomIndex = Math.floor(Math.random() * missions.length);
            return missions[randomIndex];
        }

// Execute the chosen mission
        function executeMission() {
            const mission = selectMission();
            const missionName = mission.missionName;
            const missionPictogram = mission.missionPictogram;

const container = document.getElementById("container");
            container.innerHTML = "";

const missionText = document.createElement("h2");
            missionText.textContent = `Mission: ${missionName}`;
            container.appendChild(missionText);

const missionImg = document.createElement("img");
            missionImg.src = `pictograms/${missionPictogram}`;
            missionImg.alt = `${missionName} Pictogram`;
            container.appendChild(missionImg);

const completeMissionButton = document.createElement("button");
            completeMissionButton.textContent = "Complete Mission";
            completeMissionButton.onclick = function () {
                completeMission(missionName);
            };
            container.appendChild(completeMissionButton);
        }

// Handle mission completion
        function completeMission(missionName) {
            const container = document.getElementById("container");
            container.innerHTML = "";

const missionCompleteText = document.createElement("h2");
            missionCompleteText.textContent = `Mission: ${missionName} completed!`;
            container.appendChild(missionCompleteText);

const playAgainButton = document.createElement("button");
            playAgainButton.textContent = "Play Again";
            playAgainButton.onclick = function () {
                executeMission();
            };
            container.appendChild(playAgainButton);
        }
    </script>
</body>
</html>