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

No:9303

264

←

Prev Next

→

cactus der
Developer User4246｜Date and time 23/7/23 13:08:39
Build time 17.44 sec｜Game capacity 2.245KB｜

Script

分かりました。以下にサボテンダーというゲームのプログラムを示します。

サボテンダー

サボテンダーをクリックしてスコアを稼ぎましょう！

スコア: 0

🌵

このプログラムは、画面上のサボテンダーをクリックしたり、矢印キーを押したりしてスコアを稼ぐゲームです。スマートフォンで操作することを前提にしており、サボテンダーをクリックするとスコアが増え、矢印キーを押すとスコアが減ります。スコアは「スコア: X」という形式で表示されます。また、「Ouch!」や「Miss!」といったメッセージも表示されますが、1秒後に自動的に消えます。

←

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">
<style>
    body {
        text-align: center;
    }
    #cactuar {
        font-size: 100px;
        cursor: pointer;
    }
    #score {
        font-size: 24px;
    }
</style>
</head>
<body>
    <h1>サボテンダー</h1>
    <p>サボテンダーをクリックしてスコアを稼ぎましょう！</p>
    <p id="score">スコア: 0</p>
    <p id="message"></p>
    <script>
        var score = 0;

function updateScore() {
            document.getElementById("score").textContent = "スコア: " + score;
        }

function showMessage(text) {
            document.getElementById("message").textContent = text;
        }

function clearMessage() {
            document.getElementById("message").textContent = "";
        }

function increaseScore() {
            score++;
            updateScore();
        }

function decreaseScore() {
            score--;
            updateScore();
        }

document.getElementById("cactuar").addEventListener("click", function() {
            increaseScore();
            showMessage("Ouch!");
            setTimeout(clearMessage, 1000);
        });

document.addEventListener("keydown", function(event) {
            if (event.key === "ArrowUp" || event.key === "ArrowDown" || event.key === "ArrowLeft" || event.key === "ArrowRight") {
                decreaseScore();
                showMessage("Miss!");
                setTimeout(clearMessage, 1000);
            }
        });
    </script>
    <p id="cactuar">🌵</p>
</body>
</html>
```