以下がJavaScriptでの実装例になります。ランダムに組み合わせを表示する関数を定義し、HTMLのボタンにクリックイベントを設定しています。
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>地上の星アプリ</title>
</head>
<body>
<h1>地上の星アプリ</h1>
<button id="star-button">みんな何処へ行った</button>
<p id="star-text"></p>
<script type="text/javascript">
// 組み合わせをランダムに表示する関数
function showRandomStar() {
const stars = [
'風の中のすばる',
'砂の中の銀河',
'草原のペガサス',
'街角のヴィーナス',
'崖の上のジュピター',
'水底のシリウス'
];
const randomIndex1 = Math.floor(Math.random() * stars.length);
let randomIndex2 = Math.floor(Math.random() * stars.length);
while (randomIndex2 === randomIndex1) {
randomIndex2 = Math.floor(Math.random() * stars.length);
}
const text = stars[randomIndex1] + 'と' + stars[randomIndex2];
const starText = document.getElementById('star-text');
starText.textContent = text + 'に行ったようです。';
}
// ボタンをクリックしたら関数を呼び出す
const starButton = document.getElementById('star-button');
starButton.addEventListener('click', showRandomStar);
</script>
</body>
</html>
```
ジョークとして、組み合わせに『星』という単語が含まれているという点を強調し、本当に星に行ったのかどうかは不明な文言を表示しています。
