AI game creator

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

No:3435

1904

←

Prev Next

→

A boxing game
Developer User3703｜Date and time 23/6/25 3:35:15
Build time 30.069 sec｜Game capacity 2.707KB｜

Script

Player 1

Health: 100

Player 2

Health: 100

←

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>Boxing Game</title>
	<style>
		body {
			font-size: 2em;
			text-align: center;
		}
		#player1, #player2 {
			display: inline-block;
			vertical-align: top;
			margin: 2em;
		}
		.attack-button {
			background-color: yellow;
			border: none;
			padding: 1em;
			border-radius: 10px;
			font-size: 1em;
			cursor: pointer;
		}
		#result {
			margin: 2em;
			font-size: 2em;
			font-weight: bold;
		}
	</style>
</head>
<body>
	<div id="player1">
		<h2>Player 1</h2>
		<img src="🥊" alt="boxing glove" width="100">
		<p>Health: <span id="player1-health">100</span></p>
		<button id="player1-attack" class="attack-button">Attack</button>
	</div>
	<div id="player2">
		<h2>Player 2</h2>
		<img src="🥊" alt="boxing glove" width="100">
		<p>Health: <span id="player2-health">100</span></p>
		<button id="player2-attack" class="attack-button">Attack</button>
	</div>

// Select attack buttons
		var player1AttackButton = document.getElementById("player1-attack");
		var player2AttackButton = document.getElementById("player2-attack");

// Select health elements
		var player1HealthElement = document.getElementById("player1-health");
		var player2HealthElement = document.getElementById("player2-health");

// Select result element
		var resultElement = document.getElementById("result");

// When player 1 attacks
		player1AttackButton.addEventListener("click", function() {
			// Decrement player 2 health by a random amount between 1 and 10
			var damage = Math.floor(Math.random() * 10) + 1;
			player2Health -= damage;

// Update player 2 health element
			player2HealthElement.textContent = player2Health;

// Check for KO
			if (player2Health <= 0) {
				player2Health = 0;
				player2HealthElement.textContent = player2Health;
				resultElement.textContent = "Player 1 wins by KO!";
				player1AttackButton.disabled = true;
				player2AttackButton.disabled = true;
			}
		});

// When player 2 attacks
		player2AttackButton.addEventListener("click", function() {
			// Decrement player 1 health by a random amount between 1 and 10
			var damage = Math.floor(Math.random() * 10) + 1;
			player1Health -= damage;

// Update player 1 health element
			player1HealthElement.textContent = player1Health;

// Check for KO
			if (player1Health <= 0) {
				player1Health = 0;
				player1HealthElement.textContent = player1Health;
				resultElement.textContent = "Player 2 wins by KO!";
				player1AttackButton.disabled = true;
				player2AttackButton.disabled = true;
			}
		});
	</script>
</body>
</html>