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

No:4547

382

←

Prev Next

→

Fibonacci series
Developer User3694｜Date and time 23/6/28 4:05:35
Build time 18.699 sec｜Game capacity 1.849KB｜

Script

を使った簡単なゲームを作ります。

Fibonacci Game

次の数字が何になるか当ててください

このゲームは、フィボナッチ数列の中からランダムに数字を取り出し、その次の数字をユーザーに当ててもらうゲームです。正解すると次の数字を表示し、不正解だとそのまま何も変わりません。スマホでも遊べるように、入力欄やボタンを用意しました。絵文字を使うこともできますが、ここでは控えめにしています。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

を使った簡単なゲームを作ります。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Fibonacci Game</title>
  </head>
  <body>
    <h1>Fibonacci Game</h1>
    <p>次の数字が何になるか当ててください</p>
    <p id="number"></p>
    <input type="number" id="input">
    <button onclick="check()">確認</button>
    <p id="result"></p>
    
    <script>
      // フィボナッチ数列の配列を作成
      let fibonacci = [0, 1];
      for (let i = 2; i < 10; i++) {
        fibonacci.push(fibonacci[i - 1] + fibonacci[i - 2]);
      }
      
      // ランダムな数字を表示
      let number = fibonacci[Math.floor(Math.random() * fibonacci.length)];
      document.getElementById("number").innerHTML = number;
      
      // 結果をチェックする関数
      function check() {
        let answer = document.getElementById("input").value;
        if (answer == number) {
          document.getElementById("result").innerHTML = "正解！";
          // 新しい数字を表示
          number = fibonacci[Math.floor(Math.random() * fibonacci.length)];
          document.getElementById("number").innerHTML = number;
        } else {
          document.getElementById("result").innerHTML = "不正解...";
        }
        // 入力欄を空にする
        document.getElementById("input").value = "";
      }
    </script>
  </body>
</html>