Multiple enemies fighting over 1by1 squares of land's game

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

No:49072

←

Prev Next

→

Multiple enemies fighting over 1by1 squares of lan..ALL
Developer User20919｜Date and time 24/3/3 16:20:05
Build time 5.405 sec｜Game capacity 1.429KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Land Conquest Game</title>
<style>
    body {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        background-color: #f0f0f0;
    }
    .land {
        width: 50px;
        height: 50px;
        border: 1px solid #333;
        display: inline-block;
        margin: 5px;
        background-color: #f1c40f;
        position: relative;
    }
    .player {
        width: 48px;
        height: 48px;
        position: absolute;
        top: 1px;
        left: 1px;
        background-color: #3498db;
        display: grid;
        place-items: center;
        color: #fff;
        font-size: 18px;
    }
</style>
</head>
<body>
<script>
    let landCount = 25;
    let currentPlayer = 'X';
    let lands = [];

for (let i = 0; i < landCount; i++) {
        let newLand = document.createElement('div');
        newLand.className = 'land';
        newLand.addEventListener('click', () => {
            if (!newLand.textContent) {
                newLand.innerHTML = '<div class="player">' + currentPlayer + '</div>';
                currentPlayer = currentPlayer === 'X' ? 'O' : 'X';
            }
        });
        lands.push(newLand);
        document.body.appendChild(newLand);
    }
</script>
</body>
</html>
```