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

No:20668

←

Prev Next

→

人狼ゲーム
Developer User8984｜Date and time 23/10/10 16:17:14
Build time 22.404 sec｜Game capacity 2.689KB｜

Script

了解です。以下に人狼ゲームのHTMLとJavaScriptの実装例を示します。

人狼ゲーム

このプログラムでは、ゲームスタートボタンを押すと、プレイヤーの名前と役職が表示されます。役職は「人狼」「村人」「占い師」「狩人」「猫又」の中からランダムに割り振られ、人狼の人数と村人の人数も表示されます。実装例では、役職の配列をシャッフルするための`shuffle`関数を使用しています。また、スタイルシートを用いて、ボタンやテキストのスタイルを設定しています。このように、プログラムの実装とゲームの動作が確認できる人狼ゲームのHTMLファイルを作成しました。スマートフォンでも操作が可能です。

←

Prev　Next

→ 　

Back　

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

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

了解です。以下に人狼ゲームのHTMLとJavaScriptの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>人狼ゲーム</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      background-color: #f1f1f1;
      margin-top: 100px;
    }
    
    h1 {
      font-size: 36px;
      margin-bottom: 20px;
    }
    
    .button {
      display: inline-block;
      background-color: #4caf50;
      color: #fff;
      padding: 10px 20px;
      text-decoration: none;
      font-size: 24px;
      border-radius: 5px;
      margin: 10px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>人狼ゲーム</h1>
  
  <div id="result"></div>
  <div id="actions">
    <button class="button" onclick="startGame()">ゲームスタート</button>
  </div>

このプログラムでは、ゲームスタートボタンを押すと、プレイヤーの名前と役職が表示されます。役職は「人狼」「村人」「占い師」「狩人」「猫又」の中からランダムに割り振られ、人狼の人数と村人の人数も表示されます。

実装例では、役職の配列をシャッフルするための`shuffle`関数を使用しています。また、スタイルシートを用いて、ボタンやテキストのスタイルを設定しています。

このように、プログラムの実装とゲームの動作が確認できる人狼ゲームのHTMLファイルを作成しました。スマートフォンでも操作が可能です。