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

No:5242

3374

←

Prev Next

→

Bottle knocking. Lets break a lot of bottles. Why ..ALL
Developer User3589｜Date and time 23/6/29 20:33:49
Build time 16.417 sec｜Game capacity 1.521KB｜

Script

そのようなゲームを作ることは可能です。以下に、瓶を倒すというシンプルなゲームを作成する例を示します。

瓶倒しゲーム

以下の瓶をクリックして割ってください。

🍾 🍾 🍾 🍾 🍾

このコードでは、画面上に表示される5つの瓶をクリックすると、その瓶が割れるようになっています。クリックすると、瓶のテキストが取り消し線が引かれ、カーソルがnot-allowedに変わります。なぜ瓶を割ってしまうのかはゲームの設定やルールによりますが、この例では単純に割れる瓶を作ることを目的としています。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

そのようなゲームを作ることは可能です。以下に、瓶を倒すというシンプルなゲームを作成する例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>瓶倒しゲーム</title>
    <style>
        .bottle {
            font-size: 30px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>瓶倒しゲーム</h1>
    <p>以下の瓶をクリックして割ってください。</p>
    <div id="bottles">
        <span class="bottle">🍾</span>
        <span class="bottle">🍾</span>
        <span class="bottle">🍾</span>
        <span class="bottle">🍾</span>
        <span class="bottle">🍾</span>
    </div>

function breakBottle() {
            this.style.textDecoration = 'line-through';
            this.style.cursor = 'not-allowed';
        }

bottles.forEach(bottle => {
            bottle.addEventListener('click', breakBottle);
        });
    </script>
</body>
</html>
```

このコードでは、画面上に表示される5つの瓶をクリックすると、その瓶が割れるようになっています。クリックすると、瓶のテキストが取り消し線が引かれ、カーソルがnot-allowedに変わります。

なぜ瓶を割ってしまうのかはゲームの設定やルールによりますが、この例では単純に割れる瓶を作ることを目的としています。