会社情報検索アプリ
会社名を入力してください（例：Google）。
以下が、JavaScriptを用いたサンプルコードになります。このコードは、ユーザー入力の会社名をもとに、それに対応する資本金、売上、営業利益、活動内容、社史を出力するものとなっています。セキュリティに注意しながら実装してください。
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>会社情報検索アプリ</title>
</head>
<body>
<h1>会社情報検索アプリ</h1>
<p>会社名を入力してください（例：Google）。</p>
<input type="text" id="input-company">
<button onclick="showCompanyInfo()">検索</button>
<div id="company-info"></div>
<script>
function showCompanyInfo() {
// 入力された会社名を取得する
var inputCompany = document.getElementById("input-company").value;
// ユーザーの入力が空でないか確認する
if (inputCompany === "") {
document.getElementById("company-info").innerHTML = "何か入力してください。";
return;
}
// 入力された会社名に応じて情報を検索する
switch (inputCompany) {
case "Google":
document.getElementById("company-info").innerHTML = "Googleの資本金は〇〇〇億円、売上は〇〇〇億円、営業利益は〇〇〇億円です。活動内容は検索エンジンの開発・提供であり、社史は2004年に株式公開されました。";
break;
case "Apple":
document.getElementById("company-info").innerHTML = "Appleの資本金は〇〇〇億円、売上は〇〇〇億円、営業利益は〇〇〇億円です。活動内容はコンピューター・モバイル端末・音楽プレーヤー・楽曲提供などの開発・販売であり、社史は1976年にスティーブ・ジョブズらによって創業されました。";
break;
case "Amazon":
document.getElementById("company-info").innerHTML = "Amazonの資本金は〇〇〇億円、売上は〇〇〇億円、営業利益は〇〇〇億円です。活動内容はインターネット通販事業・クラウドコンピューティングなどの開発・提供であり、社史は1994年にジェフ・ベゾスによって創業されました。";
break;
default:
document.getElementById("company-info").innerHTML = "入力された会社名は存在しません。";
break;
}
}
</script>
</body>
</html>
```
ジョークを取り入れた例：
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>会社情報検索アプリ</title>
</head>
<body>
<h1>会社情報検索アプリ</h1>
<p>会社名を入力してください（例：Google）。</p>
<input type="text" id="input-company">
<button onclick="showCompanyInfo()">検索</button>
<div id="company-info"></div>
<script>
function showCompanyInfo() {
// 入力された会社名を取得する
var inputCompany = document.getElementById("input-company").value;
// ユーザーの入力が空でないか確認する
if (inputCompany === "") {
document.getElementById("company-info").innerHTML = "何か入力してください。";
return;
}
// 入力された会社名に応じて情報を検索する
switch (inputCompany) {
case "Google":
document.getElementById("company-info").innerHTML = "Google嫌いです。Googleは検索以外にもいろんな情報を集めているんですよ。私たちの行動履歴も含めて...うわぁ〜！<br><br>とはいえ、資本金は〇〇〇億円、売上は〇〇〇億円、営業利益は〇〇〇億円で、社史は2004年に株式公開されました。";
break;
case "Apple":
document.getElementById("company-info").innerHTML = "Appleは良い製品を作っていると思いますが、高いですよね...。<br><br>とはいえ、資本金は〇〇〇億円、売上は〇〇〇億円、営業利益は〇〇〇億円で、社史は1976年にスティーブ・ジョブズらによって創業されました。";
break;
case "Amazon":
document.getElementById("company-info").innerHTML = "Amazonで何か買うと、後からその商品の関連商品がオススメされますよね...。<br><br>とはいえ、資本金は〇〇〇億円、売上は〇〇〇億円、営業利益は〇〇〇億円で、社史は1994年にジェフ・ベゾスによって創業されました。";
break;
default:
document.getElementById("company-info").innerHTML = "入力された会社名は存在しません。";
break;
}
}
</script>
</body>
</html>
```