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

No:9091

298

←

Prev Next

→

you
Developer User3840｜Date and time 23/7/21 4:45:12
Build time 23.023 sec｜Game capacity 2.472KB｜

Script

了解しました。以下に、簡単なゲームとして遊べるHTMLファイルを示します。

ゲーム

スコア: 0

このHTMLファイルでは、以下のような動作があります。 1. ページを開くと、ゲームのタイトル、スコア、スタートボタン、ゲームボード、リセットボタンが表示されます。 2. スタートボタンを押すと、ゲームが開始されます。ゲームボードにはランダムな絵文字が表示され、スコアが更新されます。 3. 1秒ごとにゲームボードが更新され、スコアが増えます。 4. リセットボタンを押すと、ゲームがリセットされます。スコアとゲームボードが初期化されます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

了解しました。以下に、簡単なゲームとして遊べるHTMLファイルを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>ゲーム</title>
</head>
<body>
    <div id="game-container" style="text-align: center;">
        <h1>ゲーム</h1>
        <h2 id="score">スコア: 0</h2>
        <button onclick="startGame()">スタート</button>
        <br><br>
        <div id="game-board" style="font-size: 100px;"></div>
        <br><br>
        <button onclick="resetGame()">リセット</button>
    </div>

function startGame() {
            if (gameActive) {
                return;
            }

gameActive = true;
            score = 0;
            document.getElementById("score").innerHTML = "スコア: " + score;

gameInterval = setInterval(updateGame, 1000);
        }

function updateGame() {
            var gameBoard = document.getElementById("game-board");

// ランダムな絵文字を表示する
            gameBoard.innerHTML = getRandomEmoji();

// スコアを増やす
            score++;
            document.getElementById("score").innerHTML = "スコア: " + score;
        }

function resetGame() {
            gameActive = false;
            clearInterval(gameInterval);
            document.getElementById("game-board").innerHTML = "";
            document.getElementById("score").innerHTML = "スコア: 0";
        }

function getRandomEmoji() {
            var emojis = ["😀", "😊", "😎", "🤔", "😂", "😍", "🤩", "😄", "😆", "😉"];
            var randomIndex = Math.floor(Math.random() * emojis.length);
            return emojis[randomIndex];
        }
    </script>
</body>
</html>
```

このHTMLファイルでは、以下のような動作があります。

1. ページを開くと、ゲームのタイトル、スコア、スタートボタン、ゲームボード、リセットボタンが表示されます。
2. スタートボタンを押すと、ゲームが開始されます。ゲームボードにはランダムな絵文字が表示され、スコアが更新されます。
3. 1秒ごとにゲームボードが更新され、スコアが増えます。
4. リセットボタンを押すと、ゲームがリセットされます。スコアとゲームボードが初期化されます。