上場企業プレリリースまとめアプリ
最新の上場企業のプレリリース情報をまとめて表示します。
以下が「上場企業プレリリースまとめアプリ」の実装例です。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> ``` ジョークとして、取得したデータにエイプリルフールのジョーク企画が含まれる場合、「この企業は最新のプレリリースに「にゃんにゃんロボット」を発表しました。」などと表示すると、ユーザーがびっくりするかもしれません。ただし、嘘の情報を掲載することは、不正確な情報を拡散することになりますので、慎重に判断してください。