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

No:1345

104

←

Prev Next

→

RPG that closely resembles Dragon Quest.
Developer User3314｜Date and time 23/6/18 11:45:17
Build time 38.51 sec｜Game capacity 3.362KB｜

Script

を作成してみました。プレイヤーは勇者としてモンスターと戦い、最終的には魔王を倒すことが目的です。

ドラゴンクエスト風RPG

勇者よ、モンスターと戦い、魔王を倒すのだ！

現在の勇者のステータス

HP　100

攻撃力　10

防御力　5

←

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>ドラゴンクエスト風RPG</title>
  <style>
    body {
      font-size: 20px;
      text-align: center;
    }
    
    #battleScreen {
      border: 1px solid black;
      width: 80%;
      height: 300px;
      margin: auto;
      overflow: scroll;
      text-align: left;
      padding: 5px;
    }
  </style>
</head>

<body>
  <h1>ドラゴンクエスト風RPG</h1>
  <p>勇者よ、モンスターと戦い、魔王を倒すのだ！</p>
  <hr>
  <p>現在の勇者のステータス</p>
  <p>HP　<span id="heroHP">100</span></p>
  <p>攻撃力　<span id="heroAttack">10</span></p>
  <p>防御力　<span id="heroDefense">5</span></p>
  <br>
  <button type="button" onclick="startBattle()">戦闘開始</button>
  <hr>
  <div id="battleScreen"></div>
  
  <script>
    function startBattle() {
      const monsters = [
        { name: "スライム", hp: 20, attack: 5, defense: 0 },
        { name: "ドラキー", hp: 30, attack: 10, defense: 5 },
        { name: "ゴースト", hp: 40, attack: 15, defense: 10 },
        { name: "メタルスライム", hp: 50, attack: 20, defense: 15 },
      ];
      const monster = monsters[Math.floor(Math.random() * monsters.length)];
      const battleScreen = document.getElementById("battleScreen");
      battleScreen.innerHTML = "モンスターの" + monster.name + "が現れた！<br>";
      battle(monster);
    }

</html>