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

No:4564

118

←

Prev Next

→

Making Sushi
Developer もちきなこ｜Date and time 23/6/28 7:33:34
Build time 23.266 sec｜Game capacity 2.635KB｜

Script

はい、了解しました。以下がお寿司を作るゲームのプログラムです。

お寿司を作ろう！

ご飯に刺身を乗せて、おいしい寿司を作ろう！

このゲームは、ご飯と刺身を選んでボタンを押すことで、寿司を作ることができます。ご飯の量は、「🍚」の数で表され、刺身はそれぞれ「🐟」「🐠」「🦐」の絵文字で表されます。作った寿司は、「🍣」で始まり、ご飯と刺身の絵文字で表されます。ゲーム化してはいますが、単純な機能しか実装していないため、部分的なゲーム化になっています。スマホでも操作できるように、ボタンを使用しています。また、絵文字を使用することで、楽しくプレイしていただけるようにしました。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

はい、了解しました。以下がお寿司を作るゲームのプログラムです。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>お寿司を作るゲーム🍣</title>
</head>
<body>
    <h1>お寿司を作ろう！</h1>
    <p>ご飯に刺身を乗せて、おいしい寿司を作ろう！</p>
    <div>
        <button id="rice-up">🍚</button>
        <button id="rice-down">🍙</button>
    </div>
    <div>
        <button id="tuna">🐟</button>
        <button id="salmon">🐠</button>
        <button id="shrimp">🦐</button>
    </div>
    <div style="font-size:3em;">
        <p id="sushi"></p>
    </div>
    <script>
        let rice = 1;
        let topping = "";

document.getElementById("rice-up").addEventListener("click", function() {
            rice++;
            makeSushi();
        });

document.getElementById("rice-down").addEventListener("click", function() {
            rice--;
            if (rice < 1) {
                rice = 1;
            }
            makeSushi();
        });

document.getElementById("tuna").addEventListener("click", function() {
            topping = "🐟";
            makeSushi();
        });

document.getElementById("salmon").addEventListener("click", function() {
            topping = "🐠";
            makeSushi();
        });

document.getElementById("shrimp").addEventListener("click", function() {
            topping = "🦐";
            makeSushi();
        });
    </script>
</body>
</html>