三題噺のお題作成アプリ
以下のボタンでお題を生成できます。
以下が、要望に基づく三題噺のお題作成アプリの実装例です。JavaScriptのevalは使用していません。
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>三題噺のお題作成アプリ</title>
</head>
<body>
<h1>三題噺のお題作成アプリ</h1>
<p>以下のボタンでお題を生成できます。</p>
<button onclick="createStory()">お題を作成する</button>
<p id="story"></p>
<script>
function createStory() {
// お題のリスト
var subjects = [
"火事場のクソ力士",
"鰻屋の悪そうな親父",
"太郎次郎三郎松五郎",
"人食い猫の化け物",
"猿を飼うお坊さん",
"妻に逃げられた男",
"山賊に追われる武士",
"浮世絵屋の大家",
"館の鬼と交渉する用心棒",
"居酒屋の女将",
"チンピラに絡まれるサラリーマン",
"電車内でスマホを取り上げられる主婦",
"高層マンションで鳥に襲われる老夫婦",
"一度死んだ男の復讐",
"異世界から来た勇者"
];
// 2つのお題をランダムに選択
var subject1 = subjects[Math.floor(Math.random() * subjects.length)];
var subject2 = subjects[Math.floor(Math.random() * subjects.length)];
// 最後のお題を生成
var story = subject1 + "と" + subject2 + "の話";
// お題を表示
document.getElementById("story").textContent = story;
}
</script>
</body>
</html>
```
こちらのアプリは、ボタンをクリックするとランダムに2つのお題を選択して、それらを組み合わせた三題噺のお題を生成します。例えば「猿を飼うお坊さん」と「浮世絵屋の大家」を選んだ場合、「猿を飼うお坊さんと浮世絵屋の大家の話」というお題が生成されます。
ジョークとしては、ボタンのキャプションを「三題噺を解いてください」とすると、お題を生成する代わりに「アレムとメロス」「鼻」「田舎のバス停」など全く関係のない三題噺の答えがalertで表示されることがあります。