Click here for free DL of the app version that can save data.

No:8173

5546

←

Prev Next

→

Ornithological Contest
Developer アーラ！｜Date and time 23/7/14 2:35:41
Build time 15.009 sec｜Game capacity 1.512KB｜

Script

了解です。以下に鳥人間コンテストとして遊べるミニゲームの実装例を示します。

鳥人間コンテスト

0回目のジャンプ！

この実装では、ボタンをクリックするとジャンプを行い、ランダムな距離を表示します。距離が50m以上なら成功、それ以下なら失敗と表示されます。また、試行回数も表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

Click here for free DL of the app version that can save data.

了解です。以下に鳥人間コンテストとして遊べるミニゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>鳥人間コンテスト</title>
	<style>
		.container {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			height: 100vh;
		}
		
		.button {
			padding: 10px;
			background-color: lightblue;
			border-radius: 5px;
			text-align: center;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<div class="container">
		<h1>鳥人間コンテスト</h1>
		<p><span id="count">0</span>回目のジャンプ！</p>
		<button class="button" onclick="jump()">ジャンプ！</button>
		<p id="result"></p>
	</div>

function jump() {
			const distance = Math.floor(Math.random() * 100); // 0から99のランダムな距離を生成
			count++;
			document.getElementById("count").textContent = count;

if (distance >= 50) {
				document.getElementById("result").textContent = `成功！${distance}m飛びました！🎉`;
			} else {
				document.getElementById("result").textContent = `失敗！${distance}m飛びました。もう一度挑戦しましょう！😢`;
			}
		}
	</script>
</body>
</html>
```