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

No:4787

1174

←

Prev Next

→

Savings RPG Quiz! Save money, defeat enemies and a..ALL
Developer User3720｜Date and time 23/6/28 20:52:48
Build time 24.542 sec｜Game capacity 2.258KB｜

Script

了解です！以下に貯金RPGクイズのゲームを実装したコードを示します。

貯金RPGクイズ

持っているお金: 0円

敵の体力: 10

このゲームは、問題を表示し、ユーザーが回答を入力します。回答が正解の場合、お金が100円増え、敵の体力が1減ります。敵の体力が0以下になると、ゲームクリアとなります。このコードを保存して実行すると、ブラウザ上で遊べる貯金RPGクイズゲームが起動します。スマートフォン操作にも対応しています。

←

Prev　Next

→ 　

Back　

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

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

了解です！以下に貯金RPGクイズのゲームを実装したコードを示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>貯金RPGクイズ</title>
  <style>
    body {
      text-align: center;
      font-size: 24px;
      padding: 50px;
    }
  </style>
</head>
<body>
  <h1>貯金RPGクイズ</h1>
  
  <div id="question"></div>
  <input type="text" id="answerInput">
  <button onclick="checkAnswer()">回答する</button>
  
  <h2>持っているお金: <span id="money">0</span>円</h2>
  <h2>敵の体力: <span id="enemyHP">10</span></h2>
  
  <script>
    let money = 0;
    let enemyHP = 10;
    
    function generateQuestion() {
      const questions = [
        { question: "1 + 1は？", answer: "2" },
        { question: "日本の首都は？", answer: "東京" },
        { question: "7 × 8は？", answer: "56" }
      ];
      const randomQuestion = questions[Math.floor(Math.random() * questions.length)];
      document.getElementById("question").textContent = randomQuestion.question;
      return randomQuestion.answer;
    }
    
    function checkAnswer() {
      const userAnswer = document.getElementById("answerInput").value;
      const correctAnswer = generateQuestion();
      
      if (userAnswer === correctAnswer) {
        money += 100;
        document.getElementById("money").textContent = money;
        document.getElementById("answerInput").value = "";
        
        enemyHP -= 1;
        document.getElementById("enemyHP").textContent = enemyHP;
        
        if (enemyHP <= 0) {
          document.getElementById("question").textContent = "敵を倒しました！おめでとう！";
          document.getElementById("answerInput").disabled = true;
        }
      }
    }
    
    generateQuestion();
  </script>
</body>
</html>
```

このゲームは、問題を表示し、ユーザーが回答を入力します。回答が正解の場合、お金が100円増え、敵の体力が1減ります。敵の体力が0以下になると、ゲームクリアとなります。

このコードを保存して実行すると、ブラウザ上で遊べる貯金RPGクイズゲームが起動します。スマートフォン操作にも対応しています。