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

No:40069

←

Prev Next

→

ニコニコ動画
Developer User15915｜Date and time 24/1/31 22:55:58
Build time 9.854 sec｜Game capacity 1.994KB｜

Script

ニコニコ動画のゲームは、Webページ上でのプログラム実装が制約されるため、以下は簡易的な数字当てゲームの実装例です。

数字当てゲーム

数字を入力してください

このHTMLファイルは、数字当てゲームを作成します。1から10の範囲内の数字がランダムに生成され、ユーザーが入力した数字と比較して正誤を表示します。当たった場合は背景色が緑色に変わります。 JavaScriptの処理は、`
`タグ内に記述されており、ゲームのロジックを実行します。ボタンのクリックイベントが発生した時に、入力された数字と正解の数字を比較し、結果を画面上に表示します。

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

ニコニコ動画のゲームは、Webページ上でのプログラム実装が制約されるため、以下は簡易的な数字当てゲームの実装例です。

```html
<html>
  <head>
    <title>数字当てゲーム</title>
    <style>
      body {
        background-color: #f0f0f0;
        text-align: center;
        font-size: 24px;
        padding-top: 100px;
      }
    </style>
  </head>
  <body>
    <h1>数字当てゲーム</h1>
    <p id="message">数字を入力してください</p>
    <input type="text" id="guess" />
    <button id="checkButton">チェック</button>

// チェックボタンがクリックされた時の処理
      document.getElementById("checkButton").addEventListener("click", function () {
        const guessNumber = parseInt(document.getElementById("guess").value);

if (guessNumber === targetNumber) {
          document.getElementById("message").textContent = "正解です！おめでとうございます！";
          document.body.style.backgroundColor = "green";
        } else if (guessNumber > targetNumber) {
          document.getElementById("message").textContent = "もっと小さいです";
        } else {
          document.getElementById("message").textContent = "もっと大きいです";
        }
      });
    </script>
  </body>
</html>
```

このHTMLファイルは、数字当てゲームを作成します。1から10の範囲内の数字がランダムに生成され、ユーザーが入力した数字と比較して正誤を表示します。当たった場合は背景色が緑色に変わります。

JavaScriptの処理は、`<script>`タグ内に記述されており、ゲームのロジックを実行します。ボタンのクリックイベントが発生した時に、入力された数字と正解の数字を比較し、結果を画面上に表示します。