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

No:22664

132

←

Prev Next

→

aiと協力ゲーム
Developer User7165｜Date and time 23/10/23 23:33:44
Build time 52.614 sec｜Game capacity 2.564KB｜

Script

了解です。以下に、プレイヤーとAIが協力して進めるゲームの例を実装します。このゲームは、プレイヤーが数字を当てるゲームで、AIがプレイヤーの答えを予測し、ヒントを提供します。

協力ゲーム

プレイヤーが1から100の数字を当てるゲームです。

数字を入力してください:

このプログラムでは、プレイヤーは`guessInput`という入力欄に数字を入力し、`guessButton`ボタンをクリックして回答します。AIはプレイヤーの回答を監視し、正解かどうかを判定して`resultText`に表示します。また、`hintButton`ボタンを押すと、AIはランダムなヒントを生成し、`hintText`に表示します。プレイヤーが正解するまで繰り返します。このゲームはスマートフォンでも操作できますし、絵文字も使用しています。お楽しみください！

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>協力ゲーム</title>
  <meta charset="UTF-8">
  <script>
    function initGame() {
      var answer = Math.floor(Math.random() * 100) + 1;
      var guessButton = document.getElementById("guessButton");
      guessButton.addEventListener("click", function() {
        var input = parseInt(document.getElementById("guessInput").value);
        
        if (isNaN(input)) {
          alert("数字を入力してください");
        } else {
          var resultText = document.getElementById("resultText");
          if (input === answer) {
            resultText.textContent = "正解！おめでとう！";
          } else if (input > answer) {
            resultText.textContent = "もっと小さい数字です";
          } else {
            resultText.textContent = "もっと大きい数字です";
          }
        }
      });
      
      var hintButton = document.getElementById("hintButton");
      hintButton.addEventListener("click", function() {
        var hint = Math.floor(Math.random() * 100) + 1;
        var hintText = document.getElementById("hintText");
        hintText.textContent = "ヒント: 答えは " + hint + " より" + (hint < answer ? "大きい" : "小さい") + "です";
      });
    }
  </script>
</head>
<body onload="initGame()">
  <h1>協力ゲーム</h1>
  <p>プレイヤーが1から100の数字を当てるゲームです。</p>
  
  <label for="guessInput">数字を入力してください:</label>
  <input type="text" id="guessInput" />
  <button id="guessButton">答える</button>
  
  <p id="resultText"></p>
  
  <button id="hintButton">ヒントをもらう</button>
  <p id="hintText"></p>
</body>
</html>
```

このゲームはスマートフォンでも操作できますし、絵文字も使用しています。お楽しみください！