hexagonal love diagram's game

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

No:7579

1039

←

Prev Next

→

hexagonal love diagram
Developer o2pi4｜Date and time 23/7/8 22:55:42
Build time 11.325 sec｜Game capacity 2.168KB｜

Script

以下は、HTMLファイルにJavaScriptを含んだ六角形こいんずというゲームの一部実装です。このコードを使って遊べるようにしています。

このコードでは、六角形のコインをクリックすると、クリックされたコインの背景色が黄色に変わります。一度クリックしたコインは再びクリックできないようになります。この部分的な実装では、ゲームのルールや目的はありませんが、クリックしたコインに対する反応がゲームの一部になっています。

←

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">
    <title>Hexagon Coins</title>
    <style>
        #board {
            margin: auto;
            margin-top: 50px;
            width: 90%;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
        }
        .coin {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-color: gray;
            margin: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 25px;
        }
    </style>
</head>
<body>
    <div id="board">
        <div class="coin">1</div>
        <div class="coin">2</div>
        <div class="coin">3</div>
        <div class="coin">4</div>
        <div class="coin">5</div>
        <div class="coin">6</div>
        <div class="coin">7</div>
        <div class="coin">8</div>
    </div>

// ゲーム開始時の処理
        function startGame() {
            var coins = document.getElementsByClassName("coin");

for (var i = 0; i < coins.length; i++) {
                coins[i].addEventListener("click", function() {
                    handleClick(this);
                });
            }
        }

// ゲームを開始する
        startGame();
    </script>
</body>
</html>
```