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

No:4843

1505

←

Prev Next

→

Cooking Class! Theyll give you random recipes! Let..ALL
Developer User3720｜Date and time 23/6/28 22:38:49
Build time 26.673 sec｜Game capacity 1.932KB｜

Script

了解しました！では、お料理教室のゲームを作成してみましょう！

お料理教室！ランダムレシピ

このコードは、ランダムに選ばれたレシピを表示するシンプルなお料理教室のゲームです。ページを開くと「レシピを表示」というボタンがあり、それをクリックするとランダムなレシピが表示されます。表示されたレシピは、`<div id="recipe"></div>`の部分に表示されます。レシピは、JavaScriptの配列`recipes`に格納されており、それぞれの要素には絵文字と料理名が含まれています。`showRandomRecipe()`関数は、ランダムなインデックスを生成し、それに基づいてレシピを取得して表示します。このゲームは、1枚のHTMLファイルで実装されており、必ずJavaScriptを含んでいます。スマートフォンにも対応しています。

←

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>
</head>
<body>
    <h1>お料理教室！ランダムレシピ</h1>
    <button onclick="showRandomRecipe()">レシピを表示</button>
    <div id="recipe"></div>

var randomIndex = Math.floor(Math.random() * recipes.length);
            var recipe = recipes[randomIndex];

var recipeDiv = document.getElementById("recipe");
            recipeDiv.innerHTML = "今日の献立: " + recipe;
        }
        </script>
</body>
</html>
```

このコードは、ランダムに選ばれたレシピを表示するシンプルなお料理教室のゲームです。ページを開くと「レシピを表示」というボタンがあり、それをクリックするとランダムなレシピが表示されます。表示されたレシピは、`<div id="recipe"></div>`の部分に表示されます。

レシピは、JavaScriptの配列`recipes`に格納されており、それぞれの要素には絵文字と料理名が含まれています。`showRandomRecipe()`関数は、ランダムなインデックスを生成し、それに基づいてレシピを取得して表示します。

このゲームは、1枚のHTMLファイルで実装されており、必ずJavaScriptを含んでいます。スマートフォンにも対応しています。