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

No:7485

3061

←

Prev Next

→

The PV of the user rank calculation is now set to ..ALL
Developer User3997｜Date and time 23/7/8 1:20:41
Build time 15.254 sec｜Game capacity 2.171KB｜

Script

了解しました。以下は、簡単なゲームをJavaScriptで実装した例です。このゲームでは、数字の当てゲームをプレイすることができます。スマホ操作に適したUIと絵文字を使用しています。

数字当てゲーム

このコードは、数字を当てるゲームを提供します。ランダムに生成された1から100までの数字を当てることが目標です。数字を入力し、「答え合わせ」ボタンをクリックすることで結果が表示されます。正解した場合は、おめでとうございますと表示されます。

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>数字当てゲーム</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    .input-container {
      margin-bottom: 10px;
    }
    input {
      padding: 5px;
      font-size: 18px;
      text-align: center;
    }
    button {
      padding: 5px 10px;
      font-size: 18px;
      background-color: #4caf50;
      color: white;
      border: none;
      cursor: pointer;
    }
    .result {
      margin-top: 20px;
      font-size: 24px;
    }
  </style>
</head>
<body>
  <h1>数字当てゲーム</h1>
  <div class="input-container">
    <input type="number" id="guess" placeholder="数字を入力">
    <button onclick="checkGuess()">答え合わせ</button>
  </div>
  <div id="result" class="result"></div>

function checkGuess() {
      var guessInput = document.getElementById("guess");
      var guess = Number(guessInput.value);
      tries++;

if (guess === answer) {
        resultElement.textContent = "正解です！おめでとうございます！";
        guessInput.disabled = true;
      } else if (guess > answer) {
        resultElement.textContent = "もっと小さい数字です";
      } else {
        resultElement.textContent = "もっと大きい数字です";
      }

guessInput.value = "";
      guessInput.focus();
    }
  </script>
</body>
</html>
```