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

No:1469

173

←

Prev Next

→

You can choose between Punch it and Kick it, but w..ALL
Developer sayaensm｜Date and time 23/6/18 17:04:54
Build time 18.405 sec｜Game capacity 1.511KB｜

Script

Punch or Kick Game

Select your move:

＊画像は別途準備が必要です。

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>Punch or Kick Game</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body {
			background-color: #e6ffff;
			font-size: 2rem;
			text-align: center;
		}
		
		img {
			height: 10rem;
			margin: 2rem;
		}
		
		button {
			font-size: 2rem;
			margin: 1rem;
			padding: 1rem;
		}
		
		#popup {
			display: none;
			position: absolute;
			top: 20%;
			left: 25%;
			width: 50%;
			height: 60%;
			background-color: white;
			border-radius: 15px;
			padding: 2rem;
			box-shadow: 0 0 10px gray;
		}
		
		#popup p {
			font-size: 3rem;
			margin: 1rem;
		}
		
		#popup button {
			font-size: 2rem;
			margin: 4rem 1rem 1rem;
			padding: 1rem;
		}
	</style>
	<script>
		function punch() {
			document.getElementById("image").src="punch.png";
			document.getElementById("popup").style.display = "block";
		}
		
		function kick() {
			document.getElementById("image").src="kick.png";
			document.getElementById("popup").style.display = "block";
		}
		
		function closePopup() {
			document.getElementById("popup").style.display = "none";
		}
	</script>
</head>
<body>
	<h1>Punch or Kick Game</h1>
	<img src="intro.png" alt="Introduction">
	<h2>Select your move:</h2>
	<button onclick="punch()">Punch</button>
	<button onclick="kick()">Kick</button>
	<div id="popup">
		<p>Let's resolve this with words!</p>
		<button onclick="closePopup()">OK</button>
	</div>
	<img id="image" src="">
</body>
</html>

＊画像は別途準備が必要です。