peach orchid (Gymnadenia conopsea)'s game

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

No:10108

←

Prev Next

→

peach orchid (Gymnadenia conopsea)
Developer User4479｜Date and time 23/7/29 2:57:56
Build time 15.571 sec｜Game capacity 2.185KB｜

Script

了解しました。以下にサンプルコードを示します。

このサンプルコードでは、サイコロを振るゲームを実装しています。ページを開くと自動的に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">
    <title>桃鉄</title>
    <style>
        body {
            align-items: center;
            display: flex;
            justify-content: center;
            height: 100vh;
            margin: 0;
        }

#dice {
            font-size: 100px;
        }

#message {
            font-size: 24px;
            margin-top: 20px;
        }
    </style>
</head>

// サイコロを振る関数
        function rollDice() {
            diceNumber = Math.floor(Math.random() * 6) + 1;
            updateDice();
            updateMessage();
        }

// サイコロの目を表示する関数
        function updateDice() {
            const diceElement = document.getElementById("dice");
            diceElement.textContent = getDiceEmoji(diceNumber);
        }

// サイコロの目に対応する絵文字を返す関数
        function getDiceEmoji(number) {
            const emojis = ["⚀", "⚁", "⚂", "⚃", "⚄", "⚅"];
            return emojis[number - 1];
        }

// メッセージを更新する関数
        function updateMessage() {
            const messageElement = document.getElementById("message");
            messageElement.textContent = `出た目は ${diceNumber} です！`;
        }

// 初期化
        rollDice();
    </script>
</body>

</html>
```

このサンプルコードでは、サイコロを振るゲームを実装しています。ページを開くと自動的に1回目のサイコロの結果が表示され、その下にメッセージが表示されます。サイコロを振るたびに結果とメッセージが更新されます。

スマートフォンで操作することを前提にしているため、ページを開いたり更新したりするだけでゲームを遊ぶことができます。絵文字を使ってサイコロの目を表示しています。