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

No:7524

1345

trick-taking game
Developer User4049｜Date and time 23/7/8 12:50:14
Build time 24.368 sec｜Game capacity 4.097KB｜

了解しました。以下にトリックテイキングゲームのサンプルプログラムを作成します。

トリックテイキングゲーム

このプログラムでは、トリックテイキングゲームを再現しています。プレイヤー1とプレイヤー2の2人で対戦します。ゲームスタートボタンを押すとゲームが開始され、プレイヤー1からカードを出すことができます。カードを出すボタンを押すと、ランダムに1枚のカードが出され、結果が表示されます。同様にプレイヤー2がカードを出し、交互にターンが進みます。実際にブラウザで表示して遊ぶことができますが、プログラムの一部の都合上、一度手札がなくなるとそれ以降のカードを出すことはできません。また、現在のプレイヤーの情報も手動で切り替える必要があります。以上をご了承ください。

→ 　

1　

0　

[PR]現在の人気グッズランキング

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

(C)2023 HisashiApp

了解しました。以下にトリックテイキングゲームのサンプルプログラムを作成します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>トリックテイキングゲーム</title>
</head>
<body>
    <h1>トリックテイキングゲーム</h1>
    <button id="start">ゲームスタート</button>
    <div id="game" style="display: none">
        <h2 id="current-player">プレイヤー1のターン</h2>
        <p id="result"></p>
        <div id="hand"></div>
        <button id="play">カードを出す</button>
    </div>

<script>
        document.getElementById("start").addEventListener("click", startGame);

function startGame() {
            document.getElementById("start").style.display = "none";
            document.getElementById("game").style.display = "block";
            document.getElementById("hand").innerHTML = "手札：A🔸, K🔹, Q🔷, J🔶";
            document.getElementById("play").addEventListener("click", playCard);
        }

function playCard() {
            let cards = ["A🔸", "K🔹", "Q🔷", "J🔶"];
            let randomIndex = Math.floor(Math.random() * cards.length);
            let playedCard = cards[randomIndex];
            document.getElementById("result").innerHTML += "プレイヤー1が " + playedCard + " を出しました。<br>";
            document.getElementById("hand").innerHTML = "手札：";
            cards.splice(randomIndex, 1);
            if (cards.length > 0) {
                for(let i = 0; i < cards.length; i++) {
                    document.getElementById("hand").innerHTML += cards[i] + ", ";
                }
            } else {
                document.getElementById("hand").innerHTML += "手札なし";
                document.getElementById("play").style.display = "none";
            }
            document.getElementById("current-player").innerHTML = "プレイヤー2のターン";
            document.getElementById("play").removeEventListener("click", playCard);
            document.getElementById("play").addEventListener("click", playCard2);
        }

function playCard2() {
            let cards = ["A🔸", "K🔹", "Q🔷", "J🔶"];
            let randomIndex = Math.floor(Math.random() * cards.length);
            let playedCard = cards[randomIndex];
            document.getElementById("result").innerHTML += "プレイヤー2が " + playedCard + " を出しました。<br>";
            document.getElementById("hand").innerHTML = "手札：";
            cards.splice(randomIndex, 1);
            if (cards.length > 0) {
                for(let i = 0; i < cards.length; i++) {
                    document.getElementById("hand").innerHTML += cards[i] + ", ";
                }
            } else {
                document.getElementById("hand").innerHTML += "手札なし";
                document.getElementById("play").style.display = "none";
            }
            document.getElementById("current-player").innerHTML = "プレイヤー1のターン";
            document.getElementById("play").removeEventListener("click", playCard2);
            document.getElementById("play").addEventListener("click", playCard);
        }
    </script>
</body>
</html>
```

このプログラムでは、トリックテイキングゲームを再現しています。プレイヤー1とプレイヤー2の2人で対戦します。ゲームスタートボタンを押すとゲームが開始され、プレイヤー1からカードを出すことができます。カードを出すボタンを押すと、ランダムに1枚のカードが出され、結果が表示されます。同様にプレイヤー2がカードを出し、交互にターンが進みます。

実際にブラウザで表示して遊ぶことができますが、プログラムの一部の都合上、一度手札がなくなるとそれ以降のカードを出すことはできません。また、現在のプレイヤーの情報も手動で切り替える必要があります。以上をご了承ください。