World Federation of Occult Organizations (Organisation)'s game

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

No:5875

1934

←

Prev Next

→

World Federation of Occult Organizations (Organisa..ALL
Developer もちきなこ｜Date and time 23/7/1 0:46:46
Build time 22.555 sec｜Game capacity 2.782KB｜

Script

了解しました。以下のようなゲームを作成します。

何かボタンを押してください

このプログラムでは、スタートボタンが押されるとゲームが開始されます。ランダムに選択された絵文字が表示され、その中から正解の絵文字を選ぶゲームです。正解だった場合はおめでとうございますと表示され、不正解だった場合はもう一度挑戦してくださいと表示されます。ボタンと絵文字のクリックイベントを使用してゲームの進行を制御しています。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下のようなゲームを作成します。

```
<!DOCTYPE html>
<html>
<head>
    <title>ゲーム</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            font-size: 3em;
        }
        button {
            font-size: 0.5em;
            padding: 0.5em 1em;
            margin-top: 2em;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game">
        <p>何かボタンを押してください</p>
        <button onclick="startGame()">スタート</button>
    </div>
    <script>
        function startGame() {
            var gameDiv = document.getElementById("game");
            gameDiv.innerHTML = "ゲームが始まりました！";

var emojiArray = ['😀', '😂', '😍', '😇', '🤔', '🙄', '😎', '😭'];
            var randomNumber = Math.floor(Math.random() * emojiArray.length);
            var correctEmoji = emojiArray[randomNumber];

var answerDiv = document.createElement("div");
            answerDiv.innerHTML = "正解の絵文字をタップしてください";
            gameDiv.appendChild(answerDiv);

var emojiDiv = document.createElement("div");
            emojiDiv.innerHTML = correctEmoji;
            emojiDiv.onclick = function() {
                alert("正解！おめでとうございます！");
                location.reload(); // ゲームリセット
            };
            gameDiv.appendChild(emojiDiv);

var incorrectDiv = document.createElement("div");
            incorrectDiv.innerHTML = "他の絵文字";
            gameDiv.appendChild(incorrectDiv);

for (var i = 0; i < emojiArray.length; i++) {
                if (i === randomNumber) {
                    continue;
                }
                var incorrectEmojiDiv = document.createElement("div");
                incorrectEmojiDiv.innerHTML = emojiArray[i];
                incorrectEmojiDiv.onclick = function() {
                    alert("不正解！もう一度挑戦してください");
                };
                incorrectDiv.appendChild(incorrectEmojiDiv);
            }
        }
    </script>
</body>
</html>
```