Mofumofu Distance Crawler

🐕 🐈 🐈‍⬛ 🦉 🐏 🐁 🐹 🐰 🐇 🐿️ 🦔 🦝 🐥 🦄 🦑 🦐 🦋 🦈 🦇
以下が実際のプログラムになります。JavaScriptでevalを使用しないように注意してください。

```html
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Mofumofu Distance Crawler</title>
	<style>
		body {
			background-color: #f7e2d9;
			font-family: Arial, sans-serif;
		}
		h1 {
			color: #8e3b3f;
			margin-top: 50px;
			text-align: center;
		}
		.container {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: center;
			margin-top: 50px;
		}
		.icon {
			font-size: 100px;
			margin: 20px;
			cursor: pointer;
			transition: transform 0.2s;
		}
		.icon:hover {
			transform: scale(1.1);
		}
	</style>
</head>
<body>
	<h1>Mofumofu Distance Crawler</h1>
	<div class="container">
		<span class="icon" onclick="checkDistance(0)">
			🐕
		</span>
		<span class="icon" onclick="checkDistance(1)">
			🐈
		</span>
		<span class="icon" onclick="checkDistance(2)">
			🐈‍⬛
		</span>
		<span class="icon" onclick="checkDistance(3)">
			🦉
		</span>
		<span class="icon" onclick="checkDistance(4)">
			🐏
		</span>
		<span class="icon" onclick="checkDistance(5)">
			🐁
		</span>
		<span class="icon" onclick="checkDistance(6)">
			🐹
		</span>
		<span class="icon" onclick="checkDistance(7)">
			🐰
		</span>
		<span class="icon" onclick="checkDistance(8)">
			🐇
		</span>
		<span class="icon" onclick="checkDistance(9)">
			🐿️
		</span>
		<span class="icon" onclick="checkDistance(10)">
			🦔
		</span>
		<span class="icon" onclick="checkDistance(11)">
			🦝
		</span>
		<span class="icon" onclick="checkDistance(12)">
			🐥
		</span>
		<span class="icon" onclick="checkDistance(13)">
			🦄
		</span>
		<span class="icon" onclick="checkDistance(14)">
			🦑
		</span>
		<span class="icon" onclick="checkDistance(15)">
			🦐
		</span>
		<span class="icon" onclick="checkDistance(16)">
			🦋
		</span>
		<span class="icon" onclick="checkDistance(17)">
			🦈
		</span>
		<span class="icon" onclick="checkDistance(18)">
			🦇
		</span>
	</div>
	<script>
		function checkDistance(index) {
			const distance = Math.floor(Math.random() * 6);

			let response;
			switch(distance) {
				case 0:
					response = "遠い";
					break;
				case 1:
					response = "少し遠い";
					break;
				case 2:
					response = "真ん中";
					break;
				case 3:
					response = "少し近い";
					break;
				case 4:
					response = "近い";
					break;
				case 5:
					response = "タッチ🐾";
					break;
			}

			alert(`${String.fromCodePoint(0x1F638)} ${response}！`);
		}
	</script>
</body>
</html>
```

このアプリは、「もふもふ」と距離を表す絵文字を表示し、絵文字をクリックするとランダムな距離が表示されます。距離に応じてそれぞれの絵文字の表情が変化する、楽しいアプリです。また、アラートを使用し、JavaScriptのevalを使っていないので、安全に使用できます。