以下はJavaScriptを使用した簡単な実装例です。ただし、この例は教育目的のものであり、実際のアプリケーションで利用する場合は、よりセキュアなコードに置き換える必要があります。
```html
<!DOCTYPE html>
<html>
<head>
<title>物語あらすじアプリ</title>
</head>
<body>
<label for="title">タイトルを入力してください:</label>
<input type="text" id="title" name="title">
<button onclick="showSummary()">あらすじを表示</button>
<p id="summary"></p>
<script>
function showSummary() {
let title = document.getElementById("title").value;
title = title.toLowerCase(); // タイトルを小文字に変換
let summary = "";
switch(title) {
case "ハリー・ポッターと賢者の石":
summary = "少年ハリー・ポッターが学校で魔法を学ぶうちに、賢者の石を守るために戦う冒険を描いた物語。";
break;
case "トイ・ストーリー":
summary = "おもちゃたちの世界に入り込んだ少年が、おもちゃたちとの冒険を通じて友情を学ぶ物語。";
break;
case "フォレスト・ガンプ":
summary = "知的障害を持つフォレスト・ガンプが、多くの人々と出会い、多彩な経験を通じて人生について学ぶ物語。";
break;
default:
summary = "ごめんなさい、そのタイトルのあらすじは分かりません。";
break;
}
document.getElementById("summary").textContent = summary;
}
</script>
</body>
</html>
```
上記のコードでは、ユーザーが入力したタイトルを取得し、switch文でそのタイトルに応じたあらすじを表示しています。このアプリは、ユーザーが誤ってセキュリティリスクを引き起こす可能性は低いですが、入力の無効化や入力値の検査を実行するなど、セキュリティの観点から改善することができます。
