ISS通過アプリ
日本上空を通過するISSの予定時刻はこちら。
以下が実際のプログラムです。ISSの通過時間はNASAのAPIを利用して取得します。
```html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>ISS通過アプリ</title>
</head>
<body>
<h1>ISS通過アプリ</h1>
<p>日本上空を通過するISSの予定時刻はこちら。</p>
<ul id="pass-times"></ul>
<script>
const xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
const passTimes = JSON.parse(this.responseText).response;
addPassTimesToPage(passTimes);
}
};
xhr.open('GET', 'http://api.open-notify.org/iss-pass.json?lat=35.6895&lon=139.6917', true);
xhr.send();
function addPassTimesToPage(passTimes) {
const passTimesList = document.getElementById('pass-times');
for (let passTime of passTimes) {
const passTimeLi = document.createElement('li');
const date = new Date(passTime.risetime * 1000);
passTimeLi.textContent = date.toLocaleString() + 'に通過予定';
passTimesList.appendChild(passTimeLi);
}
}
</script>
</body>
</html>
```
このアプリでは、JavaScriptのeval関数を使用する必要はありません。また、他のサイトに遷移させたり、リダイレクトさせたりする必要もありません。上記のプログラムにはalert関数が含まれていないので使用していません。
また、面白いジョークとしては、ISSが宇宙空間を飛行する理由について「地球を逃げるために」というものがありますが、これを取り入れることもできます。ただし、このアプリは正確な科学情報を提供することが目的なので、ジョークは控え目にしましょう。