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

No:27183

←

Prev Next

→

ひまつぶし育成バトル操作簡単
Developer User13502｜Date and time 23/12/4 20:31:50
Build time 37.141 sec｜Game capacity 2.753KB｜

Script

了解しました。以下にひまつぶしゲームのサンプルプログラムを示します。

ひまつぶしバトル

モンスターの体力: 100

プレイヤーの体力: 100

ひまつぶしポイント: 0

このプログラムは、ひまつぶしバトルゲームとして遊ぶことができます。モンスターの体力とプレイヤーの体力が表示され、モンスターに攻撃したり、ひまつぶしポイントを増やしたりすることができます。どのボタンをクリックしても処理が実行されます。スマホでも操作可能です。絵文字は含めていませんが、自由に絵文字を追加してゲームをより楽しいものにしてみてください。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

了解しました。以下にひまつぶしゲームのサンプルプログラムを示します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>ひまつぶしバトル</title>
</head>
<body>
  <h1>ひまつぶしバトル</h1>

<div id="status">
    <p>モンスターの体力: <span id="monsterHp">100</span></p>
    <p>プレイヤーの体力: <span id="playerHp">100</span></p>
    <p>ひまつぶしポイント: <span id="timeWasterPoints">0</span></p>
  </div>

<button id="timeWasterButton">ひまつぶしポイントを増やす</button>
  <button id="attackButton">モンスターに攻撃する</button>

var monsterHpElement = document.getElementById("monsterHp");
    var playerHpElement = document.getElementById("playerHp");
    var timeWasterPointsElement = document.getElementById("timeWasterPoints");
    var timeWasterButton = document.getElementById("timeWasterButton");
    var attackButton = document.getElementById("attackButton");

function updateStatus() {
      monsterHpElement.textContent = monsterHp;
      playerHpElement.textContent = playerHp;
      timeWasterPointsElement.textContent = timeWasterPoints;
    }

function attackMonster() {
      var damage = Math.floor(Math.random() * 10) + 1;
      monsterHp -= damage;

if (monsterHp <= 0) {
        alert("モンスターを倒しました！おめでとうございます！");
        resetGame();
      } else {
        playerHp -= Math.floor(Math.random() * 10) + 1;

if (playerHp <= 0) {
          alert("プレイヤーは敗北しました...もっとトレーニングが必要です！");
          resetGame();
        }
      }

updateStatus();
    }

function increaseTimeWasterPoints() {
      timeWasterPoints += Math.floor(Math.random() * 5) + 1;
      updateStatus();
    }

function resetGame() {
      monsterHp = 100;
      playerHp = 100;
      timeWasterPoints = 0;
      updateStatus();
    }

timeWasterButton.addEventListener("click", increaseTimeWasterPoints);
    attackButton.addEventListener("click", attackMonster);

updateStatus();
  </script>
</body>
</html>
```