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

No:21731

←

Prev Next

→

数字に強い人が色々発想出ますか？ゲーム
Developer バファリンヌ｜Date and time 23/10/17 21:43:57
Build time 86.877 sec｜Game capacity 2.117KB｜

Script

は「数字当てゲーム」とします。プレーヤーは1から10の間のランダムな数字を当てることが目標です。以下が実装例です。

数字当てゲーム

1から10の間の数字を入力してください

このプログラムでは、プレーヤーは1から10の間の数字を入力することが求められます。入力された数字が正解と一致すれば「正解！おめでとうございます！🎉」と表示されます。不正解の場合、入力された数字と正解の数字を比較し、もっと大きいか小さいかを表示します。ボタンをクリックすると、`checkGuess()`関数が呼び出され、入力された数字の判定結果が表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

は「数字当てゲーム」とします。プレーヤーは1から10の間のランダムな数字を当てることが目標です。

以下が実装例です。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>数字当てゲーム</title>
  <style>
    body {
      text-align: center;
      font-size: 24px;
      padding: 40px;
    }
  </style>
</head>
<body>
  <h1>数字当てゲーム</h1>
  <p>1から10の間の数字を入力してください</p>
  <input type="number" id="guess" min="1" max="10">
  <button type="button" onclick="checkGuess()">判定</button>
  <p id="result"></p>

function checkGuess() {
      // 入力された文字列を数値に変換
      const guess = parseInt(document.getElementById("guess").value);

if (guess === answer) {
        document.getElementById("result").textContent = "正解！おめでとうございます！🎉";
        document.getElementById("result").style.color = "green";
      } else if (guess < answer) {
        document.getElementById("result").textContent = "もっと大きい数字です 👆";
        document.getElementById("result").style.color = "red";
      } else if (guess > answer) {
        document.getElementById("result").textContent = "もっと小さい数字です 👇";
        document.getElementById("result").style.color = "red";
      }
    }
  </script>
</body>
</html>
```

このプログラムでは、プレーヤーは1から10の間の数字を入力することが求められます。入力された数字が正解と一致すれば「正解！おめでとうございます！🎉」と表示されます。不正解の場合、入力された数字と正解の数字を比較し、もっと大きいか小さいかを表示します。

ボタンをクリックすると、`checkGuess()`関数が呼び出され、入力された数字の判定結果が表示されます。