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

No:50063

←

Prev Next

→

Monopoly board game
Developer User21218｜Date and time 24/3/7 14:54:37
Build time 10.731 sec｜Game capacity 1.984KB｜

Script

Monopoly Board Game

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Monopoly Board Game</title>
<style>
    body {
        font-family: Arial, sans-serif;
        text-align: center;
    }
    #board {
        margin: 20px auto;
    }
    .cell {
        display: inline-block;
        width: 45px;
        height: 45px;
        border: 1px solid black;
        text-align: center;
        line-height: 45px;
    }
</style>
</head>
<body>
<h1>Monopoly Board Game</h1>
<div id="board">
    <div class="cell">GO</div>
    <div class="cell">2</div>
    <div class="cell">3</div>
    <div class="cell">4</div>
    <div class="cell">5</div>
    <div class="cell">6</div>
    <div class="cell">7</div>
    <div class="cell">8</div>
    <div class="cell">9</div>
    <div class="cell">10</div>
    <div class="cell">11</div>
    <div class="cell">12</div>
    <div class="cell">13</div>
    <div class="cell">14</div>
    <div class="cell">15</div>
    <div class="cell">16</div>
    <div class="cell">17</div>
    <div class="cell">18</div>
    <div class="cell">19</div>
    <div class="cell">20</div>
</div>

let currentPosition = 0;

const rollDice = () => {
        return Math.floor(Math.random() * 6) + 1;
    };

const movePlayer = () => {
        const steps = rollDice();
        currentPosition += steps;

// Implement rules for moving player on the board

updateBoard();
    };

const updateBoard = () => {
        let cells = board.querySelectorAll('.cell');
        cells.forEach((cell, index) => {
            cell.textContent = (currentPosition === index) ? 'X' : index + 1;
        });
    };

document.addEventListener('DOMContentLoaded', () => {
        updateBoard();
    });

dice.addEventListener('click', movePlayer);
</script>
</body>
</html>