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

No:462

195

←

Prev Next

→

Pull out pin game
Developer User3044｜Date and time 23/6/14 18:39:24
Build time 39.48 sec｜Game capacity 2.301KB｜

Script

ピンを抜くゲーム

下のピンから1本ずつピンを抜いていって、最後に1本残すことが目標です。

スコア: 0

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>ピンを抜くゲーム</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body {
			font-family: Arial, sans-serif;
			color: #333;
			text-align: center;
		}
		h1 {
			font-size: 2em;
			margin-bottom: 0.5em;
		}
		p {
			font-size: 1.2em;
			margin: 0.5em auto;
		}
		#game {
			display: inline-block;
			margin: 1em auto;
			padding: 1em;
			border: 2px solid #333;
			border-radius: 10px;
			background-color: #eee;
		}
		.pin {
			display: inline-block;
			width: 20px;
			height: 60px;
			margin: 5px;
			background-color: #333;
			border-radius: 5px;
		}
		#restart {
			display: inline-block;
			padding: 0.5em 1em;
			border-radius: 5px;
			background-color: #333;
			color: #eee;
			cursor: pointer;
		}
		#score {
			font-size: 1.5em;
			margin-top: 1em;
		}
	</style>
</head>
<body>
	<h1>ピンを抜くゲーム</h1>
	<div id="game">
		<p>下のピンから1本ずつピンを抜いていって、最後に1本残すことが目標です。</p>
		<div id="pins">
			<div class="pin"></div>
			<div class="pin"></div>
			<div class="pin"></div>
			<div class="pin"></div>
			<div class="pin"></div>
			<div class="pin"></div>
			<div class="pin"></div>
			<div class="pin"></div>
			<div class="pin"></div>
			<div class="pin"></div>
			<div class="pin"></div>
			<div class="pin"></div>
		</div>
		<button id="restart">もう一度遊ぶ</button>
	</div>
	<div id="score">スコア: 0</div>