hide and seek (game)'s game

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

No:2238

1150

←

Prev Next

→

hide and seek (game)
Developer User3512｜Date and time 23/6/20 17:09:41
Build time 21.958 sec｜Game capacity 1.943KB｜

Script

😁

このかくれんぼゲームは、画面上にランダムに表示される笑顔の絵文字をクリックして得点を稼ぐゲームです。画面をクリックするとランダムに移動するため、なるべく多くの笑顔をクリックして高得点を狙いましょう。スマホでも遊べるように画面全体を対象にしています。始めるにはスタートボタンを押してください。得点は画面下部に表示されます。

←

Prev　Next

→ 　

Back　

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

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

<html>
<head>
	<title>かくれんぼゲーム</title>
	<style>
		body{
			background-color: #e0e0e0;
			text-align: center;
		}
		#target{
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
			font-size: 4em;
		}
		.button{
			padding: 15px 30px;
			font-size: 1.5em;
			background-color: #42a5f5;
			color: white;
			border: none;
			border-radius: 10px;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<div id="target">😁</div>
	<br>
	<button class="button" id="start">スタート！</button>

target.addEventListener("click", hitTarget);

function hitTarget(){
			score++;
			target.style.top = Math.floor(Math.random() * (rangeHeight - target.clientHeight)) + "px";
			target.style.left = Math.floor(Math.random() * (rangeWidth - target.clientWidth)) + "px";
			document.getElementById("score").textContent = "得点：" + score;
		}

startBtn.addEventListener("click", startGame);

function startGame(){
			score = 0;
			document.getElementById("score").textContent = "得点：" + score;
			target.style.top = Math.floor(Math.random() * rangeHeight) + "px";
			target.style.left = Math.floor(Math.random() * rangeWidth) + "px";
			startBtn.style.display = "none";
		}
	</script>
</body>
</html>