Make a grid 10by10 After you claim 60% of the tiles add Eight grids to the map's game | AI game creator

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

No:47568

52

Make a grid 10by10 After you claim 60% of the tile..ALL
Developer User20489｜Date and time 24/2/28 13:31:33
Build time 4.61 sec｜Game capacity 1.219KB｜

→ 　

0　

0　

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

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
<title>Tile Claiming Game</title>
<style>
    .tile {
        width: 30px;
        height: 30px;
        border: 1px solid black;
        display: inline-block;
        margin: 2px;
    }
</style>
</head>
<body>
<div id="gameBoard"></div>

<script>
    const ROWS = 10;
    const COLS = 10;
    const TOTAL_TILES = ROWS * COLS;
    let claimedTiles = 0;
    
    for (let i = 0; i < TOTAL_TILES; i++) {
        document.getElementById('gameBoard').innerHTML += '<div class="tile" id="tile' + i + '"></div>';
    }
    
    let tiles = document.getElementsByClassName('tile');
    
    for (let tile of tiles) {
        tile.addEventListener('click', function() {
            if (!tile.classList.contains('claimed')) {
                tile.classList.add('claimed');
                claimedTiles++;
                if (claimedTiles >= 0.6 * TOTAL_TILES) {
                    addExtraGrids();
                }
            }
        });
    }
    
    function addExtraGrids() {
        for (let i = TOTAL_TILES; i < TOTAL_TILES + 8; i++) {
            document.getElementById('gameBoard').innerHTML += '<div class="tile" id="tile' + i + '"></div>';
        }
    }
</script>
</body>
</html>