```html
<!DOCTYPE html>
<html>
<head>
<title>Rabbit Racing Game</title>
<style>
#rabbit {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
font-size: 24px;
}
</style>
</head>
<body>
<button onclick="startRace()">Start Race</button>
<div id="rabbit"></div>
<script>
function startRace() {
const rabbit = document.getElementById("rabbit");
rabbit.innerText = "🐰";
let position = 0;
const interval = setInterval(() => {
position += 10;
rabbit.style.left = position + "px";
if (position >= window.innerWidth) {
clearInterval(interval);
rabbit.style.left = 0;
rabbit.innerText = "";
alert("And the rabbit hops back to the starting line! 🐇");
}
}, 50);
}
document.getElementById("rabbit").addEventListener("click", function() {
this.style.top = (parseInt(this.style.top) - 30) + "px";
});
</script>
</body>
</html>
```
このコードは、スタートボタンをクリックすると画面内を右に向かって走るウサギが表示されます。途中のウサギをクリックすると上に30px移動します。ウサギが画面右端に到達すると、アラートメッセージにウサギがスタートラインに戻るジョークが表示されます。楽しい体験をお楽しみください!