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>
```