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

No:1909

150

←

Prev Next

→

Strongest Contraption vs. Strongest Shield
Developer User3345｜Date and time 23/6/19 14:04:47
Build time 40.004 sec｜Game capacity 3.018KB｜

Script

最強の矛vs最強の盾

このゲームでは、あなたが最強の矛を持つ戦士として、最強の盾を持つ敵と戦います。あなたの矛を振りかざし、敵の盾を破りましょう！

結果: ---

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>最強の矛vs最強の盾</title>
	<style>
		body{
			font-family: Arial, sans-serif;
			background-color: #f8f8f8;
		}
		h1{
			text-align: center;
			font-size: 36px;
			margin-top: 50px;
		}
		.container{
			width: 80%;
			margin: 0 auto;
			display: flex;
			flex-direction: column;
			align-items: center;
			padding: 20px;
			background-color: #fff;
			box-shadow: 0px 2px 10px rgba(0,0,0,0.3);
			border-radius: 5px;
			margin-top: 50px;
			margin-bottom: 50px;
		}
		.btn{
			padding: 10px 20px;
			background-color: #0077cc;
			border: none;
			color: #fff;
			font-size: 18px;
			border-radius: 5px;
			margin-top: 20px;
			cursor: pointer;
		}
		.btn:active{
			transform: translateY(2px);
		}
		.result{
			font-size: 24px;
			margin-top: 20px;
		}
		@media only screen and (max-width: 768px){
			.container{
				width: 100%;
			}
			h1{
				font-size: 24px;
			}
			.btn{
				font-size: 16px;
			}
			.result{
				font-size: 20px;
			}
		}
	</style>
</head>
<body>
	<div class="container">
		<h1>最強の矛vs最強の盾</h1>
		<p>このゲームでは、あなたが最強の矛を持つ戦士として、最強の盾を持つ敵と戦います。あなたの矛を振りかざし、敵の盾を破りましょう！</p>
		<div id="game">
			<button id="attack" class="btn" onclick="attack()">攻撃する</button>
			<button id="restart" class="btn" onclick="restart()">リスタート</button>
			<p id="result" class="result">結果: ---</p>
		</div>
	</div>
	<script>
		let playerDamage = 10;
		let enemyDamage = 5;
		let playerHealth = 100;
		let enemyHealth = 100;
		let isGameOver = false;

function restart(){
			playerHealth = 100;
			enemyHealth = 100;
			isGameOver = false;
			document.getElementById("result").innerHTML = "結果: ---";
		}
	</script>
</body>
</html>