Lion's Game

ようこそ！このゲームはスマホで遊べます。ライオンをマシマシして、高スコアを目指しましょう！

スコア: 0

タイム: 0秒

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Lion's Game</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			font-size: 2em;
			text-align: center;
			background-color: #FEB81C;
			color: #581845;
			padding: 10px;
		}
	</style>
</head>

<body>
	<h1>Lion's Game</h1>
	<p>ようこそ！このゲームはスマホで遊べます。ライオンをマシマシして、高スコアを目指しましょう！</p>
	
	<button onclick="lionAttack()">ガツン！</button>
	<p>スコア: <span id="score">0</span></p>
	<p>タイム: <span id="time">0</span>秒</p>
	
	<script>
		let score = 0;
		let time = 0;
		let intervalId;
		const scoreElement = document.querySelector("#score");
		const timeElement = document.querySelector("#time");
		
		function lionAttack() {
			score++;
			scoreElement.textContent = score;
		}
		
		function startGame() {
			score = 0;
			time = 0;
			scoreElement.textContent = score;
			timeElement.textContent = time;
			intervalId = setInterval(() => {
				time++;
				timeElement.textContent = time;
			}, 1000);
		}
		
		function endGame() {
			clearInterval(intervalId);
			alert(`ゲームオーバー！スコア: ${score} タイム: ${time}秒`);
			startGame();
		}
		
		startGame();
		
		setInterval(() => {
			if (time >= 20) {
				endGame();
			}
		}, 1000);
	</script>
</body>
</html>