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

No:6647

131

←

Prev Next

→

Shitty Game Quest
Developer User3898｜Date and time 23/7/3 1:10:58
Build time 28.215 sec｜Game capacity 2.298KB｜

Script

了解しました。以下は「クソゲークエスト」という仮想のゲームを作成するためのHTMLファイルの例です。

クソゲークエスト

ステージ1

クソモンスターが現れた！

上記のコードは、クソモンスターと戦うゲーム「クソゲークエスト」のステージ1を再現しています。モンスターの体力を攻撃ボタンで減らし、体力が0以下になった時にゲームクリアとなります。また、モンスターの体力は画面上に表示されます。ゲームの表示はセクションごとに更新されます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下は「クソゲークエスト」という仮想のゲームを作成するためのHTMLファイルの例です。

```html
<!DOCTYPE html>
<html>
<head>
  <title>クソゲークエスト</title>
</head>
<body>
  <div id="game-screen" style="text-align: center;">
    <h1>クソゲークエスト</h1>
    <h3>ステージ1</h3>
    <p>クソモンスターが現れた！</p>
    <img id="monster-image" src="monster-emoji.png" alt="Monster Emoji" style="width: 100px; height: 100px;">
    <br>
    <button id="attack-button" style="margin-top: 30px;">攻撃する</button>
  </div>

// 攻撃ボタンをクリックした時の処理
    function attack() {
      // ダメージをランダムに計算（1から10までの乱数）
      const damage = Math.floor(Math.random() * 10) + 1;
      
      // モンスターの体力を減らす
      monsterHealth -= damage;
      
      // モンスターの体力が0以下になったらゲームクリア
      if (monsterHealth <= 0) {
        document.getElementById("game-screen").innerHTML = "<h1>クソゲークエスト</h1><h3>ステージ1</h3><p>モンスターを倒した！</p>";
      } else {
        // モンスターの体力を表示
        document.getElementById("game-screen").innerHTML = "<h1>クソゲークエスト</h1><h3>ステージ1</h3><p>クソモンスターが現れた！</p><img id='monster-image' src='monster-emoji.png' alt='Monster Emoji' style='width: 100px; height: 100px;'><br><p>モンスターの体力：" + monsterHealth + "</p><button id='attack-button' style='margin-top: 30px;'>攻撃する</button>";
      }
    }

// 攻撃ボタンのクリックイベントを設定
    document.getElementById("attack-button").addEventListener("click", attack);
  </script>
</body>
</html>
```