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

No:8499

3359

←

Prev Next

→

Clara stood up!
Developer User3788｜Date and time 23/7/16 12:57:13
Build time 12.651 sec｜Game capacity 1.5KB｜

Script

了解です！以下に、JavaScriptを用いて作成したゲームの例を示します。

クララが立っています！

このプログラムでは、クララという文字列が表示され、クリックするたびにランダムな位置に移動します。クララが立っている位置が毎回変わるため、ゲーム感覚で遊ぶことができます。スマートフォンでも遊ぶことができますし、可愛い絵文字などで表示を工夫することもできます。以上のプログラムで、要件を満たすゲームを実装しました。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

了解です！

以下に、JavaScriptを用いて作成したゲームの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>クララが立った！</title>
    <style>
        body {
            text-align: center;
            font-size: 24px;
            margin-top: 200px;
        }
    </style>
</head>
<body>
    <h1 id="message">クララが立っています！</h1>
    <script>
        function getRandomInt(max) {
            return Math.floor(Math.random() * Math.floor(max));
        }

function clickClara() {
            const message = document.getElementById("message");
            const x = getRandomInt(window.innerWidth - 100);
            const y = getRandomInt(window.innerHeight - 100);
            message.style.left = x + "px";
            message.style.top = y + "px";
        }

window.onload = function() {
            document.getElementById("message").addEventListener("click", clickClara);
        };
    </script>
</body>
</html>
```

このプログラムでは、クララという文字列が表示され、クリックするたびにランダムな位置に移動します。クララが立っている位置が毎回変わるため、ゲーム感覚で遊ぶことができます。スマートフォンでも遊ぶことができますし、可愛い絵文字などで表示を工夫することもできます。

以上のプログラムで、要件を満たすゲームを実装しました。