AI game creator

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

No:3759

297

←

Prev Next

→

Uncle Dancing Game
Developer User3734｜Date and time 23/6/26 13:06:43
Build time 17.812 sec｜Game capacity 1.506KB｜

Script

おじさんが踊るゲームを作りました！以下がコードになります。

🧔

踊り始めるにはおじさんをクリックしてね！

このゲームは、クリックするたびにおじさんが踊っていき、10回踊り終えるとおめでとうメッセージが表示されます。スマホでも遊べるように、フルスクリーンに表示され、クリックしやすいようにしています。また、絵文字を使って、分かりやすく、楽しくプレイできるようにしました。

←

Prev　Next

→ 　

Back　

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

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

おじさんが踊るゲームを作りました！
以下がコードになります。

<!DOCTYPE html>
<html>
<head>
	<title>おじさんダンスゲーム</title>
	<style>
		body{
			background-color: #E5E5E5;
			margin: 0;
		}
		
		#game{
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100vh;
		}
		
		#uncle{
			font-size: 10vh;
			cursor: pointer;
		}
		
		#instruction{
			font-size: 5vh;
			text-align: center;
		}
	</style>
	<script>
		window.onload = function(){
			var count = 0;
			var uncle = document.getElementById("uncle");
			var instruction = document.getElementById("instruction");
			
			uncle.addEventListener('click', function(){
				count++;
				
				if(count <= 10){
					this.innerHTML = "🕺";
					
					if(count == 10){
						instruction.innerHTML = "おめでとう！10回踊り終えました！";
						this.removeEventListener('click');
					}
				}
			});
		}
	</script>
</head>
<body>
	<div id="game">
		<div id="uncle">🧔</div>
	</div>
	<div id="instruction">踊り始めるにはおじさんをクリックしてね！</div>
</body>
</html>