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

No:8819

130

←

Prev Next

→

Osaka Expo
Developer User4214｜Date and time 23/7/18 14:51:26
Build time 21.551 sec｜Game capacity 2.355KB｜

Script

以下は、シンプルなじゃんけんゲームの例です。JavaScriptを使用していますが、スマホで遊ぶことも可能です。このゲームは1枚のHTMLファイルで実装されています。

じゃんけんゲーム

自分の手を選んでください:

このプログラムでは、プレイヤーがボタンをクリックすると、指定されたじゃんけんの手でゲームをプレイします。コンピュータの手はランダムに生成され、勝敗が表示されます。ゲームの結果は、`playGame()`関数内で生成され、HTML要素の`result`ディビジョンに表示されます。結果はスタイル付けされた`hand`クラスとともに表示され、`hidden`クラスが削除されることで表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="UTF-8">
  <title>じゃんけんゲーム</title>
  <style>
    body {
      text-align: center;
      font-size: 24px;
    }
    
    .hand {
      font-size: 36px;
    }
  </style>
</head>

<body>
  <h1>じゃんけんゲーム</h1>
  <p>自分の手を選んでください:</p>
  <button onclick="playGame('rock')">✊</button>
  <button onclick="playGame('paper')">✋</button>
  <button onclick="playGame('scissors')">✌️</button>
  
  <div id="result" class="hidden"></div>

function generateComputerHand() {
      const hands = ['✊', '✋', '✌️'];
      return hands[Math.floor(Math.random() * hands.length)];
    }

</html>
```

このプログラムでは、プレイヤーがボタンをクリックすると、指定されたじゃんけんの手でゲームをプレイします。コンピュータの手はランダムに生成され、勝敗が表示されます。

ゲームの結果は、`playGame()`関数内で生成され、HTML要素の`result`ディビジョンに表示されます。結果はスタイル付けされた`hand`クラスとともに表示され、`hidden`クラスが削除されることで表示されます。