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

No:127

329

←

Prev Next

→

make building blocks
Developer ひさひさ｜Date and time 23/5/23 18:23:34
Build time 78.915 sec｜Game capacity 1.406KB｜

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: #DDD; font-size: 2em; text-align: center;}
		button {font-size: 1.5em; margin: 10px; padding: 10px; background-color: #88D; border: none; border-radius: 5px;}
		#block {font-size: 4em; margin: 10px; padding: 10px; background-color: #FFF; border: 5px solid #88D; border-radius: 10px; text-align: center;}
	</style>
</head>
<body>
	<h1>積み木ゲーム</h1>
	<p>このゲームでは、画面に表示される積み木を上手に積み上げる事が目的です。<br>画面の下部にあるボタンを押して、積み木を一段ずつ上に配置していきましょう。</p>
	<div id="block">🟥</div>
	<button id="button">積み上げる</button>
	<script>
		let block = document.getElementById("block");
		let button = document.getElementById("button");
		let count = 0;

button.onclick = function() {
			count++;
			if(count == 1) {
				block.innerText = "🟧";
			} else if(count == 2) {
				block.innerText = "🟨";
			} else if(count == 3) {
				block.innerText = "🟦";
			} else if(count == 4) {
				block.innerText = "🟩";
			} else if(count == 5) {
				block.innerText = "🟪";
			} else {
				alert("積み木が上限に達しました！");
			}
		}
	</script>
</body>
</html>