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

No:8955

187

←

Prev Next

→

RPG
Developer User4271｜Date and time 23/7/19 21:59:05
Build time 23.764 sec｜Game capacity 2.017KB｜

Script

了解しました。以下は、シンプルな恋愛RPGゲームの例です。

恋愛RPG

彼/彼女との関係を築きましょう！

このプログラムは、ボタンをクリックするたびにメッセージが進行し、最後の段階でお付き合いすることになるシンプルな恋愛RPGゲームです。ボタンをクリックすると、メッセージが進行し、ゲームが進んでいきます。もしゲームクリアした後は、ボタンをクリックするとゲームがリセットされ、もう一度プレイすることができます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下は、シンプルな恋愛RPGゲームの例です。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>恋愛RPG</title>
  <style>
    body {
      text-align: center;
    }
    button {
      font-size: 20px;
      padding: 10px 20px;
    }
  </style>
</head>
<body>
  <h1>恋愛RPG</h1>
  <p id="message">彼/彼女との関係を築きましょう！</p>
  <button id="attackButton">アタック！</button>
  <script>
    var loveLevel = 0;
    var messages = [
      "彼/彼女と仲良くなりたいですか？",
      "彼/彼女にメッセージを送ってみましょう！",
      "彼/彼女とデートに行きましょう！",
      "彼/彼女に告白しましょう！",
      "おめでとうございます！お付き合いすることになりました！"
    ];

function updateMessage() {
      document.getElementById("message").textContent = messages[loveLevel];
    }

function updateButton() {
      if (loveLevel < messages.length - 1) {
        document.getElementById("attackButton").textContent = "アタック！";
      } else {
        document.getElementById("attackButton").textContent = "もう一度プレイする";
      }
    }

function attack() {
      loveLevel++;
      if (loveLevel >= messages.length) {
        loveLevel = 0;
      }
      updateMessage();
      updateButton();
    }

document.getElementById("attackButton").addEventListener("click", attack);
    updateMessage();
    updateButton();
  </script>
</body>
</html>
```