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

No:2002

2103

←

Prev Next

→

Shake the sausage and fight. First one to break it..ALL
Developer User3460｜Date and time 23/6/19 18:17:40
Build time 222.409 sec｜Game capacity 3.437KB｜

Script

ソーセージバトル

プレイヤー1

️🌭

残り体力: 10

プレイヤー2

🌭

残り体力: 10

※このゲームは2人用です。ゲームの概要は「ソーセージを振って、戦う。先に壊した方が勝ち」となっています。各プレイヤーは最初に体力10を持ちます。攻撃ボタンをクリックするとランダムに攻撃が決定され、ダメージが入ります。攻撃方法は3種類あり、1/3の確率でそれぞれの攻撃方法が選ばれます。攻撃方法は以下の通りです。 1. プレイヤー2が攻撃し、プレイヤー1は2のダメージを受ける。 2. プレイヤー1が攻撃し、プレイヤー2は2のダメージを受ける。 3. 両方のプレイヤーが攻撃し、ノーダメージ。先に相手の体力を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 charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			background-color: #FFEFD5;
			display: flex;
			flex-direction: column;
			align-items: center;
			text-align: center;
			font-size: 2em;
			padding: 20px;
		}
		#player1, #player2 {
			display: flex;
			flex-direction: column;
			align-items: center;
			margin: 10px;
			padding: 20px;
			background-color: #FFB6C1;
			border-radius: 10px;
			width: 300px;
			box-shadow: 5px 5px #888888;
		}
		#player1:hover, #player2:hover {
			background-color: #F08080;
		}
		#result {
			font-size: 2em;
			font-weight: bold;
			margin-top: 20px;
			color: #888888;
		}
		button {
			margin-top: 20px;
			padding: 10px 20px;
			border-radius: 10px;
			background-color: #FFE4E1;
			font-size: 1.5em;
			cursor: pointer;
			border: none;
			box-shadow: 3px 3px #888888;
		}
		button:hover {
			background-color: #FA8072;
			color: white;
		}
	</style>
</head>
<body>
	<h1>ソーセージバトル</h1>
	<div id="player1">
		<p>プレイヤー1</p>
		<p>️🌭</p>
		<p id="life1">残り体力: 10</p>
	</div>
	<div id="player2">
		<p>プレイヤー2</p>
		<p>🌭</p>
		<p id="life2">残り体力: 10</p>
	</div>
	<div id="result"></div>
	<button id="attack">攻撃する</button>
	<script>
		let life1 = 10;
		let life2 = 10;
		const life1Element = document.getElementById("life1");
		const life2Element = document.getElementById("life2");
		const resultElement = document.getElementById("result");
		const attackButton = document.getElementById("attack");
		attackButton.addEventListener("click", function() {
			const random = Math.floor(Math.random() * 3) + 1;
			if (random === 1) {
				life1 -= 2;
				resultElement.textContent = "プレイヤー2が攻撃しました！プレイヤー1は2のダメージを受けました！";
			} else if (random === 2) {
				life2 -= 2;
				resultElement.textContent = "プレイヤー1が攻撃しました！プレイヤー2は2のダメージを受けました！";
			} else {
				resultElement.textContent = "両方のプレイヤーが攻撃しましたが、ノーダメージでした！";
			}
			life1Element.textContent = "残り体力: " + life1;
			life2Element.textContent = "残り体力: " + life2;
			if (life1 <= 0) {
				resultElement.textContent = "プレイヤー2の勝ち！🎉";
				attackButton.style.display = "none";
			} else if (life2 <= 0) {
				resultElement.textContent = "プレイヤー1の勝ち！🎉";
				attackButton.style.display = "none";
			}
		});
	</script>
</body>
</html>

1. プレイヤー2が攻撃し、プレイヤー1は2のダメージを受ける。
2. プレイヤー1が攻撃し、プレイヤー2は2のダメージを受ける。
3. 両方のプレイヤーが攻撃し、ノーダメージ。

先に相手の体力を0にすると勝利です。勝者には🎉の絵文字が表示されます。