A dice game with two players Each player rolls one die Each player has nine slots to put the dies's game

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

No:49506

104

←

Prev Next

→

A dice game with two players Each player rolls one..ALL
Developer User21069｜Date and time 24/3/5 8:26:46
Build time 5.906 sec｜Game capacity 1.623KB｜

Script

Player 1

Slots: 0 / 9

Player 2

Slots: 0 / 9

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Dice Game</title>
</head>
<body>
    <div id="player1">
        <h2>Player 1</h2>
        <img src="dice1.png" id="player1-die" onclick="rollDice(1)">
        <div id="player1-slots">
            <p>Slots: 0 / 9</p>
        </div>
    </div>
    <div id="player2">
        <h2>Player 2</h2>
        <img src="dice1.png" id="player2-die" onclick="rollDice(2)">
        <div id="player2-slots">
            <p>Slots: 0 / 9</p>
        </div>
    </div>

function rollDice(player) {
            let dieValue = Math.floor(Math.random() * 6) + 1;
            let dieImage = document.getElementById(`player${player}-die`);
            dieImage.src = `dice${dieValue}.png`;

if (player === 1) {
                player1Score += dieValue;
                player1Slots++;
                document.getElementById("player1-slots").innerHTML = `<p>Slots: ${player1Slots} / 9</p>`;
                if (player1Slots === 9) {
                    endGame(1);
                }
            } else {
                player2Score += dieValue;
                player2Slots++;
                document.getElementById("player2-slots").innerHTML = `<p>Slots: ${player2Slots} / 9</p>`;
                if (player2Slots === 9) {
                    endGame(2);
                }
            }
        }

function endGame(winner) {
            alert(`Player ${winner} wins!`);
            location.reload();
        }
    </script>
</body>
</html>