親愛なるユーザー様、
以下のようなコードを使って、昨日の晩御飯に基づいてランダムに今日の晩御飯の献立を生成するアプリを作成しました。このアプリでは、evalまたは他のサイトへのリダイレクト等のセキュリティ上の脆弱性を含まないように心がけました。
<!DOCTYPE html>
<html>
<head>
<title>今日の晩御飯は何にしよう?</title>
</head>
<body>
<h1>昨日の晩御飯は何でしたか?</h1>
<input type="text" id="input-dinner" placeholder="例: カレーライス">
<button onclick="generateDinner()">今日の晩御飯を決定する!</button>
<p id="output-dinner"></p>
<script>
function generateDinner() {
let dinnerInput = document.getElementById("input-dinner").value;
let ingredients = ["豚肉", "鶏肉", "牛肉", "鮭", "しいたけ", "ピーマン", "にんじん", "玉ねぎ", "セロリ", "卵", "トマト", "青菜", "じゃがいも", "赤唐辛子", "ベーコン", "豆腐", "パスタ", "ご飯", "うどん", "そば", "ピザ"];
let meals = ["カレーライス", "ハンバーグ", "オムライス", "麻婆豆腐", "鶏の唐揚げ", "肉じゃが", "焼き魚", "パスタ", "ラーメン", "ピザ", "唐辛子鍋", "餃子", "みぞれ鍋", "はんぺん鍋", "カニ鍋"];
let randomIngredient = ingredients[Math.floor(Math.random() * ingredients.length)];
let randomMeal = meals[Math.floor(Math.random() * meals.length)];
document.getElementById("output-dinner").innerHTML = "今日の晩御飯は" + randomIngredient + "と" + dinnerInput + "の" + randomMeal + "にします!";
}
</script>
</body>
</html>
私たちは、このアプリを使用する際に楽しんでいただけることを願っています。コメントやフィードバックがあれば、お知らせください。