食べ物ランダム表示アプリ
以下はランダムに表示される美味しそうな食べ物の画像です。
ここに関連するジョークを表示します。
ご要望ありがとうございます。以下が食べ物の画像をランダムに表示するアプリです。安全性を確保するために、他のサイトに遷移したり、リダイレクトしたりする機能は実装しておりません。また、evalやalertなどの脆弱性のあるコードも含まれていません。
```
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>食べ物ランダム表示アプリ</title>
</head>
<body>
<h1>食べ物ランダム表示アプリ</h1>
<p>以下はランダムに表示される美味しそうな食べ物の画像です。</p>
<img id="food-image" src="https://source.unsplash.com/featured/?food" alt="美味しそうな食べ物の画像">
<button type="button" onclick="changeImage()">ランダムで変更</button>
<br>
<p id="funny-joke">ここに関連するジョークを表示します。</p>
<script>
// おもしろジョーク配列
const jokes = [
"テクノロジーが発展しなければ、私たちは今でも毒キノコを食べていたかもしれません。",
"私の人生の目的は、すべての料理を試すことです。",
"食べ物はお金に代えられない、特にグルメレストランに行くとき。",
"私たちは、食べ物を与える以上に人々に何かを与えることはできません。"
];
// 画像変更関数
function changeImage() {
const image = document.getElementById('food-image');
image.src = `https://source.unsplash.com/featured/?food&${Math.floor(Math.random() * 1000)}`;
// おもしろジョークを表示
document.getElementById('funny-joke').innerHTML = jokes[Math.floor(Math.random() * jokes.length)];
}
</script>
</body>
</html>
```
「美味しそうな食べ物の画像はランダムに表示される」という要望に加え、食べ物に関連する面白ジョークをランダムで表示するようにしました。それぞれのジョークは元気が湧いてくるような笑いを提供します。