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

No:6046

105

←

Prev Next

→

Easy Games
Developer User3840｜Date and time 23/7/1 15:38:53
Build time 21.567 sec｜Game capacity 2.118KB｜

Script

では、簡単なゲームとして「数当てゲーム」を作ってみましょう。以下のコードをHTMLファイルに記述し、JavaScriptを含むようにしてください。

数当てゲーム

これは、1から100の範囲内の数値を当てるゲームです。プレイヤーはinput要素に数値を入力し、「入力」ボタンを押すことで回答を送信します。正解の数字と比較して、入力された数値が大きいか小さいか、または正解かを表示します。また、正解の回数や結果を表示するために、div要素とJavaScriptでメッセージを更新する機能も追加しました。このゲームはスマートフォンでも遊ぶことができます。数値入力とボタンをタップして操作できます。以上が、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>
</head>
<body>
  <h1>数当てゲーム</h1>

function checkGuess() {
      var guessInput = document.getElementById("guessInput");
      var guess = parseInt(guessInput.value);

if (isNaN(guess) || guess < 1 || guess > 100) {
        setMessage("1~100の数値を入力してください");
        return;
      }

attempts++;

if (guess === targetNumber) {
        setMessage("おめでとう！" + attempts + "回目で正解です！");
        guessInput.disabled = true;
      } else if (guess > targetNumber) {
        setMessage("もっと小さい数字です");
      } else {
        setMessage("もっと大きい数字です");
      }

guessInput.value = "";
    }

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

これは、1から100の範囲内の数値を当てるゲームです。プレイヤーはinput要素に数値を入力し、「入力」ボタンを押すことで回答を送信します。正解の数字と比較して、入力された数値が大きいか小さいか、または正解かを表示します。

また、正解の回数や結果を表示するために、div要素とJavaScriptでメッセージを更新する機能も追加しました。

このゲームはスマートフォンでも遊ぶことができます。数値入力とボタンをタップして操作できます。

以上が、HTMLファイルに記述することで実行可能な簡単なゲームの例です。