AI game creator

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

No:43358

←

Prev Next

→

Monopoly
Developer User16822｜Date and time 24/2/15 8:54:07
Build time 6.618 sec｜Game capacity 2.162KB｜

Script

Jugador 1

Jugador 2

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<title>Monopoly</title>
<style>
    body {
        font-family: Arial, sans-serif;
    }

.board {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
        padding: 20px;
        background-color: #eee;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

.player {
        display: flex;
        align-items: center;
        margin-top: 10px;
        font-size: 20px;
        background-color: #fff;
        padding: 10px;
        border-radius: 8px;
    }

.player-1 {
        color: #ff0000;
    }

.player-2 {
        color: #0000ff;
    }

.dice {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background-color: #fff;
        font-size: 50px;
        font-weight: bold;
        margin-top: 20px;
    }
</style>
</head>
<body>
    <div class="board">
        <div class="player player-1">
            <img src="pictogram-1.png" width="30" height="30" alt="pictogram 1">
            <span>Jugador 1</span>
        </div>
        <div class="player player-2">
            <img src="pictogram-2.png" width="30" height="30" alt="pictogram 2">
            <span>Jugador 2</span>
        </div>
        <div class="dice"></div>
        <button onclick="rollDice()">Tirar dado</button>
    </div>

function rollDice() {
            var dice = document.querySelector('.dice');
            var result = Math.floor(Math.random() * 6) + 1;
            
            dice.innerText = result;

if (currentPlayer === 1) {
                currentPlayer = 2;
                document.querySelector('.player-1').classList.remove('active');
                document.querySelector('.player-2').classList.add('active');
            } else {
                currentPlayer = 1;
                document.querySelector('.player-2').classList.remove('active');
                document.querySelector('.player-1').classList.add('active');
            }
        }
    </script>
</body>
</html>