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

No:5993

4421

←

Prev Next

→

crepe shop
Developer User1006｜Date and time 23/7/1 13:49:16
Build time 26.124 sec｜Game capacity 2.899KB｜

Script

了解いたしました。以下にクレープ屋さんのゲームの例を示します。

クレープ屋さんゲーム

スコア: 0

このゲームでは、クレープの絵文字が表示され、ランダムに3つが選ばれます。クレープの種類がすべて同じ場合は大当たりで、スコアが10増えます。2つが同じ場合はおしいとなり、スコアが5増えます。3つとも違う場合はハズレで、スコアが3減ります。ボタンを押すことでゲームが進行し、スコアが表示されます。

←

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-family: Arial, sans-serif;
            background-color: #f9f9f9;
        }

h1 {
            color: #333;
            font-size: 32px;
            margin-bottom: 20px;
        }

#score {
            font-size: 28px;
        }

#message {
            font-size: 24px;
            margin-top: 20px;
        }

#button {
            display: inline-block;
            padding: 10px 20px;
            font-size: 20px;
            background-color: #4CAF50;
            color: white;
            border: none;
            cursor: pointer;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>クレープ屋さんゲーム</h1>
    <div id="score">スコア: 0</div>
    <div id="message"></div>
    <button id="button">クレープを作る</button>

function getRandomInt(min, max) {
            min = Math.ceil(min);
            max = Math.floor(max);
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }

function createCrepes() {
            var flavors = ["🍓", "🍌", "🍫", "🍋", "🍏"];
            var crepe1 = flavors[getRandomInt(0, 4)];
            var crepe2 = flavors[getRandomInt(0, 4)];
            var crepe3 = flavors[getRandomInt(0, 4)];

document.getElementById("message").innerHTML = crepe1 + " " + crepe2 + " " + crepe3;

if (crepe1 === crepe2 && crepe2 === crepe3) {
                score += 10;
                document.getElementById("message").innerHTML += "<br>大当たり！スコア+10！";
            } else if (crepe1 === crepe2 || crepe2 === crepe3 || crepe1 === crepe3) {
                score += 5;
                document.getElementById("message").innerHTML += "<br>おしい！スコア+5！";
            } else {
                score -= 3;
                document.getElementById("message").innerHTML += "<br>ハズレ！スコア-3！";
            }

document.getElementById("score").innerHTML = "スコア: " + score;
        }

document.getElementById("button").onclick = function() {
            createCrepes();
        };
    </script>
</body>
</html>
```