AI game creator

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

No:1634

599

←

Prev Next

→

tap game
Developer User3378｜Date and time 23/6/18 20:26:25
Build time 19.356 sec｜Game capacity 1.543KB｜

Script

このタップゲームは、黄色い丸いボタンをクリックしてスコアを稼ぐゲームです。スマホでも遊べるように、ボタンは画面にランダムに表示されます。スコアは画面上部に表示されます。絵文字は使われていませんが、球体のボタンをクリックする感覚が楽しいタップゲームです。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>タップゲーム</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			background-color: #f5f5f5;
			font-size: 24px;
		}
		#game {
			width: 90%;
			max-width: 800px;
			margin: 0 auto;
			text-align: center;
		}
		.button {
			display: inline-block;
			border-radius: 50%;
			background-color: #ffcc00;
			padding: 50px;
			margin: 20px;
			cursor: pointer;
			box-shadow: 2px 2px 2px #888888;
		}
		#score {
			font-size: 36px;
			font-weight: bold;
			margin-top: 50px;
		}
	</style>
</head>
<body>
	<div id="game">
		<div id="score"></div>
		<div class="button"></div>
	</div>
	<script>
		var score = 0;
		var button = document.querySelector('.button');
		var scoreDisplay = document.querySelector('#score');
		button.addEventListener('click', function() {
			score++;
			scoreDisplay.textContent = 'スコア: ' + score;
			button.style.top = Math.floor(Math.random()*(window.innerHeight-button.clientHeight)) + 'px';
			button.style.left = Math.floor(Math.random()*(window.innerWidth-button.clientWidth)) + 'px';
		});
	</script>
</body>
</html>