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

No:936

134

←

Prev Next

→

A game in which various fighters battle each other..ALL
Developer User3200｜Date and time 23/6/17 22:50:45
Build time 48.894 sec｜Game capacity 3.317KB｜

Script

焼肉格闘バトル

対戦相手を選択してください

韓流キムチ

出身：韓国

得意技：キムチ投げ

備考：全身が辛味で包まれている

和風肉屋

出身：日本

得意技：豚丼チョップ

備考：口からお出汁が出る

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<html>
<head>
	<title>焼肉格闘バトル</title>
	<meta charset="utf-8">
	<style type="text/css">
		body {
			font-family: Arial, sans-serif;
			font-size: 16px;
			background-color: #f4f4f4;
			text-align: center;
		}
		h1 {
			color: #ff6347;
		}
		h2 {
			font-size: 24px;
			padding-top: 20px;
			margin-bottom: 0px;
		}
		#player1, #player2 {
			display: inline-block;
			box-sizing: border-box;
			width: 40%;
			min-width: 300px;
			height: 300px;
			background-color: #fff;
			border: 1px solid #ccc;
			margin-top: 20px;
			padding: 10px;
			vertical-align: top;
			border-radius: 10px;
		}
		#player1 {
			margin-right: 5%;
		}
		#player2 {
			margin-left: 5%;
		}
		#player1 img, #player2 img {
			width: 80%;
			height: auto;
			margin-top: 10px;
			border-radius: 5px;
		}
		#player1 .name, #player2 .name {
			font-size: 18px;
			color: #ff6347;
			margin-top: 10px;
		}
		#player1 .desc, #player2 .desc {
			margin-top: 10px;
			text-align: left;
		}
		#result {
			font-size: 40px;
			margin-top: 50px;
			color: #ff6347;
			text-shadow: 2px 2px #333;
		}
		.btn {
			background-color: #ff6347;
			color: #fff;
			padding: 10px;
			border-radius: 5px;
			border: none;
			cursor: pointer;
			font-size: 16px;
			margin-top: 20px;
		}
		.btn:hover {
			background-color: #dd4b39;
		}
		@media (max-width: 480px) {
			#player1, #player2 {
				display: block;
				width: 80%;
				margin: 0 auto;
			}
			#player1 {
				margin-top: 40px;
			}
			#player2 {
				margin-top: 20px;
			}
		}
	</style>
</head>
<body>
	<h1>焼肉格闘バトル</h1>
	<h2>対戦相手を選択してください</h2>
	<button class="btn" onclick="selectPlayer(1)">韓流キムチ</button>
	<button class="btn" onclick="selectPlayer(2)">和風肉屋</button>
	<div id="player1">
		<img src="" alt="韓流キムチ">
		<div class="name">韓流キムチ</div>
		<div class="desc">
			<p>出身：韓国</p>
			<p>得意技：キムチ投げ</p>
			<p>備考：全身が辛味で包まれている</p>
		</div>
	</div>
	<div id="player2">
		<img src="" alt="和風肉屋">
		<div class="name">和風肉屋</div>
		<div class="desc">
			<p>出身：日本</p>
			<p>得意技：豚丼チョップ</p>
			<p>備考：口からお出汁が出る</p>
		</div>
	</div>
	<div id="result"></div>
	<script type="text/javascript">
		function selectPlayer(player) {
			var player1 = document.getElementById("player1");
			var player2 = document.getElementById("player2");
			var result = document.getElementById("result");
			if (player == 1) {
				player1.getElementsByTagName("img")[0].src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/twitter/263/spouting-whale_1f433.png";
				player2.getElementsByTagName("img")[0].src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/twitter/52/ramen_1f35c.png";
				result.innerHTML = "韓流キムチの勝利！🎉";
			} else if (player == 2) {
				player1.getElementsByTagName("img")[0].src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/twitter/52/ramen_1f35c.png";
				player2.getElementsByTagName("img")[0].src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/twitter/263/spouting-whale_1f433.png";
				result.innerHTML = "和風肉屋の勝利！🎉";
			}
		}
	</script>
</body>
</html>