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

No:6935

129

←

Prev Next

→

family-owned ramen restaurant
Developer User3898｜Date and time 23/7/4 12:49:12
Build time 25.071 sec｜Game capacity 3.91KB｜

Script

以下は、家系ラーメン屋ゲームの例です。プレイヤーは注文を受けてラーメンを作り、お客様に提供します。スマホで操作可能であり、絵文字を使用しています。

家系ラーメン屋ゲーム

このゲームでは、関数`cookNoodles()`、`addChashu()`、`addGreenOnion()`を用いて、プレイヤーが麺を茹でたり、チャーシューやネギを追加したりします。これらのアクションを行うと、注文が上部に表示され、提供ボタンが押せるようになります。提供ボタンをクリックすることで、ラーメンが提供され、注文がリセットされます。

←

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 {
            text-align: center;
            font-size: 24px;
        }
        #order {
            font-size: 32px;
            margin-bottom: 16px;
        }
        #message {
            font-size: 20px;
            margin-top: 24px;
        }
        .button {
            display: inline-block;
            margin: 8px;
            padding: 8px 16px;
            font-size: 24px;
            border-radius: 4px;
            background-color: #4CAF50;
            color: white;
            cursor: pointer;
        }
        .disabled {
            background-color: #ddd;
            color: #aaa;
            cursor: not-allowed;
        }
    </style>
</head>
<body>
    <h1>家系ラーメン屋ゲーム</h1>
    <div id="order"></div>
    <div id="message"></div>
    <button id="noodlesButton" class="button" onclick="cookNoodles()">麺を茹でる</button>
    <button id="chashuButton" class="button" onclick="addChashu()">チャーシューを追加</button>
    <button id="greenOnionButton" class="button" onclick="addGreenOnion()">ネギを追加</button>
    <button id="serveButton" class="button" onclick="serveRamen()" disabled>ラーメンを提供する</button>

function cookNoodles() {
            if (!noodles) {
                noodles = true;
                document.getElementById("order").innerHTML += "🍜";
                document.getElementById("noodlesButton").disabled = true;
                checkServeButton();
            }
        }

function addChashu() {
            if (!chashu) {
                chashu = true;
                document.getElementById("order").innerHTML += "🐷";
                document.getElementById("chashuButton").disabled = true;
                checkServeButton();
            }
        }

function addGreenOnion() {
            if (!greenOnion) {
                greenOnion = true;
                document.getElementById("order").innerHTML += "🌿";
                document.getElementById("greenOnionButton").disabled = true;
                checkServeButton();
            }
        }

function serveRamen() {
            document.getElementById("order").innerHTML = "";
            document.getElementById("message").innerHTML = "ラーメンを提供しました！";
            noodles = false;
            chashu = false;
            greenOnion = false;
            document.getElementById("noodlesButton").disabled = false;
            document.getElementById("chashuButton").disabled = false;
            document.getElementById("greenOnionButton").disabled = false;
            document.getElementById("serveButton").disabled = true;
        }

function checkServeButton() {
            if (noodles && chashu && greenOnion) {
                document.getElementById("serveButton").disabled = false;
            }
        }
    </script>
</body>
</html>
```