数字ゲーム
プレイヤー1の番です。
現在の数字: 0
以下に、要望通りのゲームを実装したコード例を示します。
```html
<!DOCTYPE html>
<html>
<head>
<title>数字ゲーム</title>
</head>
<body>
<h1>数字ゲーム</h1>
<p id="player-text">プレイヤー1の番です。</p>
<p id="current-number">現在の数字: 0</p>
<p id="game-result"></p>
<button onclick="playTurn()">次へ</button>
<script>
let currentPlayer = 1;
let currentNumber = 0;
let gameEnded = false;
function playTurn() {
if (gameEnded) {
return;
}
let increment = Math.floor(Math.random() * 3) + 1;
currentNumber += increment;
if (currentNumber >= 20) {
document.getElementById("game-result").innerText = "プレイヤー" + currentPlayer + "の勝利!";
gameEnded = true;
} else {
currentPlayer = currentPlayer === 1 ? 2 : 1;
document.getElementById("player-text").innerText = "プレイヤー" + currentPlayer + "の番です。";
document.getElementById("current-number").innerText = "現在の数字: " + currentNumber;
}
}
</script>
</body>
</html>
```
このコードでは、ボタンをクリックすると現在の数字が1から3の範囲で増え、20以上になった場合に勝利となります。プレイヤーは交互に順番を回していきます。プレイヤー1の番かプレイヤー2の番か、および現在の数字が表示されます。勝者が決まると結果が表示され、ゲームが終了します。
面白いジョークを取り入れる場合は、`playTurn()`関数内の勝利時の`game-result`の文言を面白いメッセージに変えるなど、自由にカスタマイズしてください。