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

No:34829

←

Prev Next

→

難しい
Developer User9208｜Date and time 24/1/11 18:47:05
Build time 13.027 sec｜Game capacity 2.297KB｜

Script

了解しました。以下に、スマートフォンで遊べるシンプルなゲームを作成するためのHTMLとJavaScriptのコードを示します。

ゲーム

スコア: 0

このコードでは、9つのセルからなるゲームボードが表示され、各セルをクリックするとセルの中に笑顔の絵文字「😀」が表示され、スコアが1点増えます。スコアはページ上部に表示されます。このゲームはスマートフォンで操作することを前提としており、各セルはタップによってクリックされるように設定されています。以上が、記述された必要な要件を満たす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">
    <title>ゲーム</title>
    <style>
        body {
            text-align: center;
            font-size: 24px;
        }

#score {
            font-size: 48px;
        }

#game-board {
            margin: 50px auto;
            width: 200px;
            height: 200px;
            border: 2px solid #000;
        }

.cell {
            display: inline-block;
            width: 33.3%;
            height: 33.3%;
            line-height: 200px;
            vertical-align: middle;
        }
    </style>
</head>
<body>
    <h1>ゲーム</h1>
    <div id="score">スコア: 0</div>
    <div id="game-board">
        <div class="cell" onclick="cellClicked(0)"></div>
        <div class="cell" onclick="cellClicked(1)"></div>
        <div class="cell" onclick="cellClicked(2)"></div>
        <div class="cell" onclick="cellClicked(3)"></div>
        <div class="cell" onclick="cellClicked(4)"></div>
        <div class="cell" onclick="cellClicked(5)"></div>
        <div class="cell" onclick="cellClicked(6)"></div>
        <div class="cell" onclick="cellClicked(7)"></div>
        <div class="cell" onclick="cellClicked(8)"></div>
    </div>

function cellClicked(cellIndex) {
            cells[cellIndex].textContent = "😀";
            score++;
            document.getElementById('score').textContent = "スコア: " + score;
        }
    </script>
</body>
</html>
```

このコードでは、9つのセルからなるゲームボードが表示され、各セルをクリックするとセルの中に笑顔の絵文字「😀」が表示され、スコアが1点増えます。スコアはページ上部に表示されます。このゲームはスマートフォンで操作することを前提としており、各セルはタップによってクリックされるように設定されています。

以上が、記述された必要な要件を満たすHTMLファイルとして実装されたゲームの例です。