🧸がぴょんぴょん飛ぶゲーム
🧸をクリックするとぴょんぴょんジャンプします。
以下が、リクエストされた「🧸がぴょんぴょん飛ぶゲーム」の実装例です。セキュリティ上の問題がないように注意して実装しました。
```html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>🧸がぴょんぴょん飛ぶゲーム</title>
<style>
#bear {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100px;
height: 100px;
background-image: url('https://i.imgur.com/jVhn5E0.png');
background-size: cover;
}
</style>
</head>
<body>
<h1>🧸がぴょんぴょん飛ぶゲーム</h1>
<p>🧸をクリックするとぴょんぴょんジャンプします。</p>
<div id="bear"></div>
<script>
const bear = document.querySelector('#bear');
document.addEventListener('click', () => {
bear.style.animation = 'jump 0.5s forwards';
setTimeout(() => {
bear.style.animation = '';
}, 500);
});
</script>
</body>
</html>
```
ジョークとして、クリックすると「うわぁ！」「きゃあ！」といったセリフを発するようにすると面白いかもしれません。ただし、音声再生など、新たなセキュリティ上の問題を引き起こす可能性があるため、注意して実装してください。