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

No:6960

Automated Pizzeria! Order the visa you want! The w..ALL
Developer User3589｜Date and time 23/7/4 16:46:55
Build time 24.356 sec｜Game capacity 3.187KB｜

Script

以下に、自動化ピザ屋のゲームのプログラムを実装します。このゲームでは、ユーザーが注文するピザの種類とトッピングを選択し、自動的にピザが作られる様子を見ることができます。なお、このゲームは部分的にゲーム化されており、スマートフォンで遊ぶことが想定されています。

自動化ピザ屋！欲しいピザを注文しよう！

ピザの種類を選んでください:

トッピングを選んでください:

チーズ
ペパロニ
オニオン
マッシュルーム

このプログラムでは、ユーザーはピザの種類とトッピングを選択し、「ピザを注文する」ボタンをクリックすることで、ピザが作られる過程を体験することができます。ピザの完成までには3秒かかり、完成したピザの種類とトッピングが表示されます。

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>自動化ピザ屋</title>
</head>
<body>
    <h1>自動化ピザ屋！欲しいピザを注文しよう！</h1>
    <h3>ピザの種類を選んでください:</h3>
    <select id="pizzaType">
        <option value="マルゲリータ">マルゲリータ</option>
        <option value="ハワイアン">ハワイアン</option>
        <option value="ペパロニ">ペパロニ</option>
        <option value="クワトロフォルマッジ">クワトロフォルマッジ</option>
    </select>
    <h3>トッピングを選んでください:</h3>
    <input type="checkbox" id="topping-cheese"><label for="topping-cheese">チーズ</label><br>
    <input type="checkbox" id="topping-pepperoni"><label for="topping-pepperoni">ペパロニ</label><br>
    <input type="checkbox" id="topping-onion"><label for="topping-onion">オニオン</label><br>
    <input type="checkbox" id="topping-mushroom"><label for="topping-mushroom">マッシュルーム</label><br>
    <br>
    <button onclick="orderPizza()">ピザを注文する</button>
    <p id="status" style="font-size: 20px; font-weight: bold;"></p>

var statusElement = document.getElementById("status");
            statusElement.innerText = "ピザを作成中...";

setTimeout(function() {
                statusElement.innerText = "ピザが完成しました！\n";
                statusElement.innerText += "種類: " + pizzaType + "\n";
                statusElement.innerText += "トッピング: " + (toppings.length > 0 ? toppings.join(", ") : "なし") + "\n";
                statusElement.innerText += "お楽しみください！😋";
            }, 3000);
        }
    </script>
</body>
</html>
```