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

No:6442

115

←

Prev Next

→

Jenga (Brazilian brand of haloperidol)
Developer User3882｜Date and time 23/7/2 13:11:18
Build time 21.359 sec｜Game capacity 2.405KB｜

Script

了解しました。以下に、JavaScriptを使ったジェンガゲームの実装例を示します。

Jenga Game

このコードでは、5つのオレンジ色のブロックが縦に並び、それぞれのブロックをクリックすることでブロックが削除されます。全てのブロックが削除された場合には、「ゲームクリア！」と表示されます。なお、このプログラムはスマートフォンでも操作可能ですし、絵文字は使用しておりませんが、簡単なジェンガゲームとして遊ぶことができます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下に、JavaScriptを使ったジェンガゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Jenga Game</title>
    <style>
        #jenga-blocks {
            display: flex;
            justify-content: center;
            align-items: flex-end;
            height: 500px;
        }

.jenga-block {
            width: 40px;
            height: 100px;
            margin: 0 5px;
            background-color: darkorange;
        }

.removed {
            background-color: lightgrey;
        }

#result {
            text-align: center;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>Jenga Game</h1>
    <div id="jenga-blocks">
        <div class="jenga-block"></div>
        <div class="jenga-block"></div>
        <div class="jenga-block"></div>
        <div class="jenga-block"></div>
        <div class="jenga-block"></div>
    </div>
    <div id="result"></div>

const remainingBlocks = Array.from(document.getElementsByClassName('jenga-block'));
            const removedBlocks = Array.from(document.getElementsByClassName('removed'));

const isGameFinished = remainingBlocks.length === removedBlocks.length;

if (isGameFinished) {
                document.getElementById('result').textContent = 'ゲームクリア！';
            }
        }

// ブロック要素にクリックイベントリスナーを追加
        const blocks = document.getElementsByClassName('jenga-block');
        for (let block of blocks) {
            block.addEventListener('click', removeBlock);
        }
    </script>
</body>
</html>
```

このコードでは、5つのオレンジ色のブロックが縦に並び、それぞれのブロックをクリックすることでブロックが削除されます。全てのブロックが削除された場合には、「ゲームクリア！」と表示されます。

なお、このプログラムはスマートフォンでも操作可能ですし、絵文字は使用しておりませんが、簡単なジェンガゲームとして遊ぶことができます。