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

No:44

343

←

Prev Next

→

Lottery Games
Developer anonymous｜Date and time 23/5/5 10:04:10
Build time 36.427 sec｜Game capacity 2.161KB｜

Script

Lottery Games

Guess the number from 1 to 100!
To start, press the START button!

Enter your answer!

←

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>宝くじゲーム</title>
    <style>
      body {
        font-size: 1.2rem;
        text-align: center;
        background-color: #ffffcc;
      }
      button,
      input[type="text"] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        border-radius: 1rem;
        margin: 1rem;
        background-color: #ff6666;
        color: #ffffcc;
        border: none;
      }
      h1 {
        font-size: 3rem;
        margin-top: 3rem;
      }
      p {
        font-size: 1.5rem;
        margin-top: 2rem;
      }
    </style>
  </head>
  <body>
    <h1>宝くじゲーム</h1>
    <p>
      1から100までの数字を当てよう！<br />
      開始するには「START」ボタンを押してね！
    </p>
    <button onclick="startGame()">START</button>
    <p id="result"></p>
    <p>答えを入力してね！</p>
    <input type="text" id="answer" />
    <button onclick="checkAnswer()">決定</button>
    <script>
      let answerNumber = 0;
      function startGame() {
        answerNumber = Math.floor(Math.random() * 100) + 1;
        document.getElementById("result").textContent = "";
      }
      function checkAnswer() {
        const answerInput = document.getElementById("answer");
        const answer = answerInput.value;
        if (answer == answerNumber) {
          document.getElementById("result").textContent = "正解！おめでとう！";
        } else if (answer == "") {
          document.getElementById("result").textContent = "何も入力されていません！";
        } else if (answer < answerNumber) {
          document.getElementById(
            "result"
          ).textContent = `答えは${answer}よりも大きいよ！`;
        } else if (answer > answerNumber) {
          document.getElementById(
            "result"
          ).textContent = `答えは${answer}よりも小さいよ！`;
        } else {
          document.getElementById(
            "result"
          ).textContent = "入力された値が不正です！";
        }
        answerInput.value = "";
      }
    </script>
  </body>
</html>