上場企業プレリリースまとめアプリ
最新の上場企業のプレリリース情報をまとめて表示します。
以下が「上場企業プレリリースまとめアプリ」の実装例です。JavaScriptのeval関数や他のサイトへの遷移など、セキュリティに問題のある機能は使用していません。
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>上場企業プレリリースまとめアプリ</title>
</head>
<body>
<h1>上場企業プレリリースまとめアプリ</h1>
<p>最新の上場企業のプレリリース情報をまとめて表示します。</p>
<button onclick="fetchCompanies()">情報を取得する</button>
<div id="result"></div>
<script>
function fetchCompanies() {
const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/api/companies', true);
xhr.onload = function() {
if (xhr.status === 200) {
const data = JSON.parse(xhr.responseText);
displayCompanies(data);
} else {
console.error('データの取得に失敗しました。')
}
}
xhr.send();
}
function displayCompanies(data) {
const result = document.querySelector('#result');
const table = document.createElement('table');
table.innerHTML = `
<tr>
<th>企業名</th>
<th>プレリリースタイトル</th>
<th>プレリリース日時</th>
</tr>
`;
data.forEach((company) => {
const tr = document.createElement('tr');
tr.innerHTML = `
<td>${company.name}</td>
<td>${company.releaseTitle}</td>
<td>${company.releaseDate}</td>
`;
table.appendChild(tr);
});
result.innerHTML = '';
result.appendChild(table);
}
</script>
</body>
</html>
```
ジョークとして、取得したデータにエイプリルフールのジョーク企画が含まれる場合、「この企業は最新のプレリリースに「にゃんにゃんロボット」を発表しました。」などと表示すると、ユーザーがびっくりするかもしれません。ただし、嘘の情報を掲載することは、不正確な情報を拡散することになりますので、慎重に判断してください。