Idea Generator
テーマを指定してください:
以下が実装例の一例です。セキュリティ脆弱性に対しても、evalや他のサイトに遷移させるような操作をしていないため、安全性に問題はありません。また、面白おかしく、どこかで聞いたことがあるジョークを少々取り入れています。 ```html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Idea Generator</title> </head> <body> <h1>Idea Generator</h1> <p>テーマを指定してください:</p> <input type="text" id="theme-input"/> <button onclick="generateIdea()">アイデアを提案する</button> <p id="idea-output"></p> <script> function generateIdea() { const theme = document.getElementById("theme-input").value; if (theme === "") { alert("テーマを入力してください!ジョークのアイデアですが、ボルダリングに関連するとか、オムライスに関連するとか、私に関連するとか......じゃ、またよろしくお願いします!"); return; } const keywords = theme.split(" "); const randomIndex = Math.floor(Math.random() * keywords.length); const randomKeyword = keywords[randomIndex]; let idea; switch (randomKeyword) { case "食べ物": idea = "あなたの好みに基づいて、新しいレシピを提案します! 塩っぱいチョコレートケーキ、ちょっとクセのあるカフェオレ風ピザ、ベーコン入りマンゴーアイス、etc. "; break; case "スポーツ": idea = "ニッポンだとサッカーや野球が人気ですが……地元のマイナースポーツをプロモートするのはどうでしょうか? 相撲の縁日大会、プロパンガスボール、ホッケー二輪車での競技……"; break; case "旅行": idea = "落ち込んでいる人々を元気にする '草の根' 旅行! 段ボールで作った家のなかに泊まったり、サイズのきわめて大きな服を着て、将来の夢の達成を願ってご当地で鳥になりましょう!"; break; default: idea = "キーワード '" + randomKeyword + "' に関するアイデアを提案します! スペースグレイの電子レンジ、社員全員に魔法でスポーツカーを与える、樽型のオフィス......"; } document.getElementById("idea-output").textContent = idea; } </script> </body> </html> ```