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

No:25671

←

Prev Next

→

デスゲーム。5つのデスゲームを皆でクリアする
Developer User12608｜Date and time 23/11/23 19:25:12
Build time 147.475 sec｜Game capacity 3.63KB｜

Script

以下に、5つのデスゲームをクリアするためのHTMLファイルを実装したプログラム例を示します。JavaScriptの部分はscriptタグで囲まれており、ゲームの実行開始も確認できます。

デスゲーム

ゲームを開始します！

これは単純なクリックゲームです。スタートボタンをクリックすると、順番にデスゲームをクリアしていくメッセージが表示されます。各デスゲームクリア時には次のデスゲームへの遷移ボタンが表示されます。最後の5つめのデスゲームをクリアすると終了となります。なお、絵文字を使った表示やアニメーションなどは要件に含まれていないため、基本的な実装としてスタートボタンのクリックやメッセージの表示を行うだけとなっています。

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>デスゲーム</title>
</head>

<body>
  <h1>デスゲーム</h1>
  <div id="game-screen">
    <p id="game-message">ゲームを開始します！</p>
    <button id="start-button">スタート</button>
  </div>

gameMessage.textContent = "1つ目のデスゲームをクリアしました！";

// 2つ目のデスゲームへの遷移ボタンを表示
      var nextButton = document.createElement("button");
      nextButton.textContent = "次へ";
      nextButton.addEventListener("click", function() {
        // 2つ目のデスゲームへの遷移処理
        gameMessage.textContent = "2つ目のデスゲームをクリアしました！";
        
        // 3つ目のデスゲームへの遷移ボタンを表示
        var nextButton = document.createElement("button");
        nextButton.textContent = "次へ";
        nextButton.addEventListener("click", function() {
          // 3つ目のデスゲームへの遷移処理
          gameMessage.textContent = "3つ目のデスゲームをクリアしました！";
          
          // 4つ目のデスゲームへの遷移ボタンを表示
          var nextButton = document.createElement("button");
          nextButton.textContent = "次へ";
          nextButton.addEventListener("click", function() {
            // 4つ目のデスゲームへの遷移処理
            gameMessage.textContent = "4つ目のデスゲームをクリアしました！";
            
            // 5つ目のデスゲームへの遷移ボタンを表示
            var nextButton = document.createElement("button");
            nextButton.textContent = "次へ";
            nextButton.addEventListener("click", function() {
              // 5つ目のデスゲームへの遷移処理
              gameMessage.textContent = "5つ目のデスゲームをクリアしました！";
            });

gameScreen.appendChild(nextButton); // 5つ目への遷移ボタンをゲーム画面に追加
          });

gameScreen.appendChild(nextButton); // 4つ目への遷移ボタンをゲーム画面に追加
        });

gameScreen.appendChild(nextButton); // 3つ目への遷移ボタンをゲーム画面に追加
      });

gameScreen.appendChild(nextButton); // 2つ目への遷移ボタンをゲーム画面に追加
    });
  </script>

</body>

</html>
```

これは単純なクリックゲームです。スタートボタンをクリックすると、順番にデスゲームをクリアしていくメッセージが表示されます。各デスゲームクリア時には次のデスゲームへの遷移ボタンが表示されます。最後の5つめのデスゲームをクリアすると終了となります。

なお、絵文字を使った表示やアニメーションなどは要件に含まれていないため、基本的な実装としてスタートボタンのクリックやメッセージの表示を行うだけとなっています。