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

No:24219

←

Prev Next

→

gates of olympus
Developer User11354｜Date and time 23/11/6 14:10:54
Build time 49.708 sec｜Game capacity 2.419KB｜

Script

Gates of Olympus

Select a gate to enter the realm of the gods!

⚡

☁️

☀️

🔱

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>

<head>
    <title>Gates of Olympus</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }

.container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            margin-top: 50px;
        }

.gate {
            width: 100px;
            height: 100px;
            margin: 10px;
            border: 2px solid black;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            cursor: pointer;
        }

.gate span {
            pointer-events: none;
        }

.selected {
            background-color: yellow;
        }
    </style>
</head>

<body>
    <h1>Gates of Olympus</h1>
    <p>Select a gate to enter the realm of the gods!</p>
    <div class="container">
        <div class="gate" onclick="enterGate(1)"><span>⚡</span></div>
        <div class="gate" onclick="enterGate(2)"><span>☁️</span></div>
        <div class="gate" onclick="enterGate(3)"><span>☀️</span></div>
        <div class="gate" onclick="enterGate(4)"><span>🔱</span></div>
    </div>

function enterGate(gateIndex) {
            // Get the selected gate
            const selectedGate = document.getElementsByClassName("gate")[gateIndex - 1];
            
            // Clear existing selections
            const gates = document.getElementsByClassName("gate");
            for (let i = 0; i < gates.length; i++) {
                gates[i].classList.remove("selected");
            }
            
            // Mark the selected gate as selected
            selectedGate.classList.add("selected");

// Retrieve the corresponding god from the gods array
            const god = gods[gateIndex - 1];

// Display the result
            displayResult(god);
        }

function displayResult(god) {
            const resultContainer = document.createElement("div");
            resultContainer.innerHTML = `<h2>Welcome to the realm of ${god}!</h2>`;
            document.body.appendChild(resultContainer);
        }
    </script>
</body>
</html>