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

No:43757

113

←

Prev Next

→

恋愛
Developer User19266｜Date and time 24/2/16 17:53:22
Build time 8.793 sec｜Game capacity 2.051KB｜

Script

恋愛ゲームを作りましょう。以下は、HTMLファイルです。

恋愛ゲーム

このHTMLファイルでは、ストーリーデータとして彼氏とのデートのやり取りを用意しています。ボタンを押すと次のシーンに進み、ストーリーが進行していきます。最後のシーンでゲーム終了となり、アラートが表示されます。このプログラムは、HTMLのbodyタグ内部にscriptタグを使ってJavaScriptを記述しており、処理は実行開始されています。また、スマホでも操作できるようにボタンを使用しています。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

恋愛ゲームを作りましょう。以下は、HTMLファイルです。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>恋愛ゲーム</title>
</head>
<body>
  <h1>恋愛ゲーム</h1>
  <p id="message"></p>
  <button id="button">次へ</button>

let currentIndex = 0;

function showMessage() {
      const messageElement = document.getElementById("message");
      messageElement.textContent = story[currentIndex].text;
    }

function nextScene() {
      currentIndex++;
      if (currentIndex >= story.length) {
        alert("ゲーム終了");
        // 必要ならリセット処理を追加
        return;
      }
      showMessage();
    }

// ボタンクリック時の処理
    document.getElementById("button").addEventListener("click", nextScene);

// 初期表示
    showMessage();
  </script>
</body>
</html>
```

このHTMLファイルでは、ストーリーデータとして彼氏とのデートのやり取りを用意しています。ボタンを押すと次のシーンに進み、ストーリーが進行していきます。最後のシーンでゲーム終了となり、アラートが表示されます。

このプログラムは、HTMLのbodyタグ内部にscriptタグを使ってJavaScriptを記述しており、処理は実行開始されています。また、スマホでも操作できるようにボタンを使用しています。