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

No:6713

98

時代遅れの関数達を救え！bsearch() fprintf() fscanf() fwprintf(..ALL
Developer User3589｜Date and time 23/7/3 8:24:07
Build time 28.451 sec｜Game capacity 2.698KB｜

了解しました。以下は、必ず1枚のhtmlファイルとして実装され、JavaScriptを含むプログラムの例です。

ゲーム

クリックして数字を当ててください。

このプログラムは、「ゲーム」として遊べる部分的なゲーム化です。ユーザーは1から100の範囲で数字を入力し、正解の数字を当てることが目標です。入力した数字と正解の数字を比較し、ヒントメッセージを表示します。正解した場合は、正解までの試行回数を表示します。リセットボタンを押すことでゲームをリセットすることもできます。このプログラムは、HTMLファイル内にJavaScriptを含んでおり、scriptタグで囲まれています。ページの読み込み時に`newGame()`関数が実行され、ゲームの初期化が行われます。ボタンのクリックイベントに対して、`checkGuess()`関数や`newGame()`関数が呼び出されるようになっています。なお、絵文字を使ったり、スマホ操作を前提とした機能を追加することも可能ですが、このプログラムだけでも動作可能な簡易的なゲームとして遊ぶことができます。

→ 　

0　

0　

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

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

(C)2023 HisashiApp

了解しました。以下は、必ず1枚のhtmlファイルとして実装され、JavaScriptを含むプログラムの例です。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>ゲーム</title>
  <style>
    body {
      text-align: center;
    }
    button {
      font-size: 20px;
      padding: 10px 20px;
    }
  </style>
</head>
<body>
  <h1>ゲーム</h1>
  <p id="message">クリックして数字を当ててください。</p>
  <input type="number" id="guess" min="1" max="100">
  <br>
  <button onclick="checkGuess()">チェック</button>
  <button onclick="newGame()">リセット</button>

<script>
    var randomNumber;
    var attempts;

newGame();

function newGame() {
      randomNumber = Math.floor(Math.random() * 100) + 1;
      attempts = 0;
      document.getElementById("guess").value = "";
      setMessage("クリックして数字を当ててください。");
    }

function checkGuess() {
      var guess = parseInt(document.getElementById("guess").value);
      if (isNaN(guess) || guess < 1 || guess > 100) {
        setMessage("有効な数字を入力してください。");
        return;
      }

attempts++;
      if (guess === randomNumber) {
        setMessage("正解！ " + attempts + "回目で当たりました！");
      } else if (guess < randomNumber) {
        setMessage("もっと大きい数字です。");
      } else {
        setMessage("もっと小さい数字です。");
      }
    }

function setMessage(message) {
      document.getElementById("message").innerText = message;
    }
  </script>
</body>
</html>
```

このプログラムは、「ゲーム」として遊べる部分的なゲーム化です。ユーザーは1から100の範囲で数字を入力し、正解の数字を当てることが目標です。入力した数字と正解の数字を比較し、ヒントメッセージを表示します。正解した場合は、正解までの試行回数を表示します。リセットボタンを押すことでゲームをリセットすることもできます。

このプログラムは、HTMLファイル内にJavaScriptを含んでおり、scriptタグで囲まれています。ページの読み込み時に`newGame()`関数が実行され、ゲームの初期化が行われます。ボタンのクリックイベントに対して、`checkGuess()`関数や`newGame()`関数が呼び出されるようになっています。

なお、絵文字を使ったり、スマホ操作を前提とした機能を追加することも可能ですが、このプログラムだけでも動作可能な簡易的なゲームとして遊ぶことができます。