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

No:36055

142

←

Prev Next

→

Open crate games luck score
Developer User16442｜Date and time 24/1/16 10:40:25
Build time 9.829 sec｜Game capacity 2.461KB｜

Script

Open Crate Game

Score: 0

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Open Crate Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        .crates {
            display: flex;
            justify-content: center;
            margin-top: 50px;
        }
        .crate {
            margin-right: 20px;
            cursor: pointer;
        }
        .message {
            margin-top: 20px;
            font-weight: bold;
            font-size: 20px;
        }
        .score {
            margin-top: 10px;
        }
    </style>
</head>
<body>
    <h1>Open Crate Game</h1>
    <div class="crates">
        <img class="crate" src="path_to_crate_image.png" onclick="openCrate(0)">
        <img class="crate" src="path_to_crate_image.png" onclick="openCrate(1)">
        <img class="crate" src="path_to_crate_image.png" onclick="openCrate(2)">
    </div>
    <div class="message" id="message"></div>
    <div class="score">Score: <span id="score">0</span></div>

function openCrate(index) {
            if (gameOver) return;

var random = Math.random();
            var message = document.getElementById("message");
            var scoreElement = document.getElementById("score");

if (random < 0.2) {
                message.textContent = "Gefeliciteerd! Je hebt een prijs gewonnen!";
                score += 10;
            } else {
                message.textContent = "Helaas, deze kist is leeg!";
            }

scoreElement.textContent = score;
            cratesOpened++;

if (cratesOpened >= 3) {
                gameOver = true;
                displayFinalScore();
            }
        }

function displayFinalScore() {
            var message = document.getElementById("message");
            var scoreElement = document.getElementById("score");

if (score >= 20) {
                message.textContent = "Geweldig, je hebt gewonnen met een score van " + score + "!";
            } else {
                message.textContent = "Helaas, je hebt verloren met een score van " + score + ".";
            }

scoreElement.style.display = "none";
        }
    </script>
</body>
</html>