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

No:110

503

←

Prev Next

→

fly swatter
Developer ひさひさ｜Date and time 23/5/19 16:13:54
Build time 68.075 sec｜Game capacity 2.032KB｜

Script

ハエたたきゲーム

このゲームでは、タイマーの制限時間内にできるだけ多くのハエをたたくことが目的です。スマホの画面をタップすることでハエをたたくことができます。

スタートボタンをクリックして、制限時間とともにゲームを開始してください。

残り時間：--秒

スコア：--匹

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>ハエたたきゲーム</title>
</head>
<body>
	<h1>ハエたたきゲーム</h1>
	<p>このゲームでは、タイマーの制限時間内にできるだけ多くのハエをたたくことが目的です。スマホの画面をタップすることでハエをたたくことができます。</p>
	<p>スタートボタンをクリックして、制限時間とともにゲームを開始してください。</p>
	<button onclick="startGame()">スタート</button>
	<p id="time">残り時間：--秒</p>
	<p id="score">スコア：--匹</p>
	<div id="flies"></div>

// ハエたたきの画像
		var flyImage = '🪰';

// スタートボタンを押した時の処理
		function startGame() {
			// タイマーを開始
			timerId = setInterval(function() {
				timeLimit--;
				document.getElementById('time').innerHTML = '残り時間：' + timeLimit + '秒';
				if (timeLimit <= 0) {
					// タイマー終了時の処理
					clearInterval(timerId);
					alert('ゲーム終了！ あなたのスコアは ' + score + ' 匹です。');
				}
			}, 1000);

// ハエを生成
			flyCount = Math.floor(Math.random() * 10) + 5; // 5から14の乱数
			var flies = document.getElementById('flies');
			for (var i = 1; i <= flyCount; i++) {
				var fly = document.createElement('span');
				fly.id = 'fly' + i;
				fly.innerText = flyImage;
				fly.style.position = 'absolute';
				fly.style.left = Math.floor(Math.random() * 80) + '%';
				fly.style.top = Math.floor(Math.random() * 80) + '%';
				fly.addEventListener('click', function() {
					// ハエをたたいた時の処理
					this.style.display = 'none';
					score++;
					document.getElementById('score').innerHTML = 'スコア：' + score + '匹';
				});
				flies.appendChild(fly);
			}
		}
	</script>
</body>
</html>