AI game creator

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

No:9335

207

←

Prev Next

→

Tekkan DASH
Developer User4246｜Date and time 23/7/23 20:10:46
Build time 22.81 sec｜Game capacity 2.56KB｜

Script

了解です。以下に、シンプルな「じゃんけんゲーム」を実装したHTMLファイルを示します。

じゃんけんしよう！

このHTMLファイルでは、ユーザーがスマホ上で「✊（グー）」「✋（パー）」「✌（チョキ）」のボタンを選択し、その選択に対してコンピュータがランダムに手を出し、勝敗を判定するじゃんけんゲームが実装されています。ゲームの進行は、`chooseHand`関数がユーザーの選択を受け取り、ランダムに選ばれたコンピュータの手と比較して勝敗を判定し、結果を表示する形式です。以上のソースコードを1枚のHTMLファイルに記述することで、モバイルデバイス上でじゃんけんゲームを遊ぶことができます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

了解です。以下に、シンプルな「じゃんけんゲーム」を実装したHTMLファイルを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>じゃんけんゲーム</title>
    <style>
        html, body {
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 3rem;
        }
    </style>
</head>
<body>
    <div id="game">
        <span id="result">じゃんけんしよう！</span>
        <div id="choices">
            <button id="rock" onclick="chooseHand('rock')">✊</button>
            <button id="paper" onclick="chooseHand('paper')">✋</button>
            <button id="scissors" onclick="chooseHand('scissors')">✌</button>
        </div>
    </div>

function chooseHand(hand) {
            userHand = hand;
            
            // コンピュータの手をランダムに選択する
            const hands = ['rock', 'paper', 'scissors'];
            computerHand = hands[Math.floor(Math.random() * hands.length)];
            
            const result = compareHands(userHand, computerHand);
            document.getElementById('result').textContent = result;
        }

このHTMLファイルでは、ユーザーがスマホ上で「✊（グー）」「✋（パー）」「✌（チョキ）」のボタンを選択し、その選択に対してコンピュータがランダムに手を出し、勝敗を判定するじゃんけんゲームが実装されています。

ゲームの進行は、`chooseHand`関数がユーザーの選択を受け取り、ランダムに選ばれたコンピュータの手と比較して勝敗を判定し、結果を表示する形式です。

以上のソースコードを1枚のHTMLファイルに記述することで、モバイルデバイス上でじゃんけんゲームを遊ぶことができます。