AI game creator

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

No:33536

←

Prev Next

→

Crown Quest
Developer User15798｜Date and time 24/1/4 20:13:08
Build time 24.871 sec｜Game capacity 2.725KB｜

Script

Score: 0

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Crown Quest</title>
    <style>
        #game-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
        }

#score {
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 20px;
        }

#game-board {
            display: flex;
            flex-direction: row;
            justify-content: center;
        }

.tile {
            width: 100px;
            height: 100px;
            margin: 10px;
            background-color: #f2c94c;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 40px;
            font-weight: bold;
            color: white;
            border-radius: 10px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="score">Score: 0</div>
        <div id="game-board">
            <div class="tile"></div>
            <div class="tile"></div>
            <div class="tile"></div>
        </div>
    </div>

// Store the current score
        var score = 0;

// Get all the tile elements
        var tileElements = document.getElementsByClassName('tile');

// Assign click event listeners to each tile element
        for (var i = 0; i < tileElements.length; i++) {
            tileElements[i].addEventListener('click', function () {
                // Check if the clicked tile has the crown value
                if (this.innerHTML === "👑") {
                    // Increase the score by 1
                    score += 1;
                    // Update the score display
                    document.getElementById('score').innerHTML = "Score: " + score;

// Reset the crown to a new random tile
                    resetCrown();
                }
            });
        }

// Function to reset the crown to a new random tile
        function resetCrown() {
            // Remove the crown emoji from all tiles
            for (var i = 0; i < tileElements.length; i++) {
                tileElements[i].innerHTML = "";
            }

// Generate a random index to assign the crown value to a tile
            var randomIndex = Math.floor(Math.random() * tileElements.length);
            // Assign the crown emoji to the random tile
            tileElements[randomIndex].innerHTML = "👑";
        }

// Start the game by resetting the crown
        resetCrown();
    </script>
</body>
</html>