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

No:40049

←

Prev Next

→

にゃんこ大戦争
Developer User17654｜Date and time 24/1/31 20:01:25
Build time 10.19 sec｜Game capacity 2.022KB｜

Script

了解です。以下に、HTMLとJavaScriptを使用した簡単な「にゃんこ大戦争」ゲームのプログラムを示します。

にゃんこ大戦争

このプログラムでは、HTMLの「にゃんこ大戦争」という題名のゲーム画面を作成しました。画面上に表示される敵キャラ（enemy）をクリックすることで、そのキャラクターが一定時間後に消えるようになっています。「敵キャラ」の部分には絵文字（🐱）が表示されます。以上が、HTMLファイルとして実装された「にゃんこ大戦争」ゲームのプログラムです。スマートフォンでこのHTMLファイルをブラウザで開くと、実際にゲームをプレイすることができます。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

了解です。以下に、HTMLとJavaScriptを使用した簡単な「にゃんこ大戦争」ゲームのプログラムを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>にゃんこ大戦争</title>
    <style>
        #game-board {
            display: flex;
            flex-wrap: wrap;
            width: 300px;
            height: 300px;
        }
        .enemy {
            width: 100px;
            height: 100px;
            font-size: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: gray;
            color: white;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>にゃんこ大戦争</h1>
    <div id="game-board">
        <div class="enemy"></div>
        <div class="enemy"></div>
        <div class="enemy"></div>
        <div class="enemy"></div>
    </div>
    
    <script>
        const enemies = document.querySelectorAll(".enemy");
        
        enemies.forEach(enemy => {
            enemy.addEventListener("click", () => {
                enemy.innerHTML = "🐱";
                setTimeout(() => {
                    enemy.style.visibility = "hidden";
                }, 1000);
            });
        });
    </script>
</body>
</html>
```

このプログラムでは、HTMLの「にゃんこ大戦争」という題名のゲーム画面を作成しました。画面上に表示される敵キャラ（enemy）をクリックすることで、そのキャラクターが一定時間後に消えるようになっています。「敵キャラ」の部分には絵文字（🐱）が表示されます。

以上が、HTMLファイルとして実装された「にゃんこ大戦争」ゲームのプログラムです。スマートフォンでこのHTMLファイルをブラウザで開くと、実際にゲームをプレイすることができます。