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

No:1447

218

←

Prev Next

→

This is a game that you often see in the damn ads...ALL
Developer もちきなこ｜Date and time 23/6/18 16:37:18
Build time 29.933 sec｜Game capacity 2.632KB｜

Script

数値バトルゲーム

←

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>数値バトルゲーム</title>
	<style>
		body {
			background-color: #eee;
			font-family: Arial, sans-serif;
		}
		h1 {
			text-align: center;
		}
		.character {
			background-color: white;
			width: 100px;
			height: 100px;
			display: inline-block;
			margin: 20px;
			text-align: center;
			vertical-align: top;
			padding-top: 20px;
			box-shadow: 2px 2px 5px #ccc;
			font-size: 32px;
		}
		#player {
			margin-top: 40px;
		}
		#enemy {
			margin-bottom: 40px;
		}
		.control {
			text-align: center;
			margin: 20px 0;
		}
		.button {
			background-color: #007bff;
			color: white;
			padding: 10px 20px;
			border-radius: 5px;
			border: none;
			cursor: pointer;
			font-size: 20px;
		}
		.result {
			text-align: center;
			font-size: 24px;
			margin: 20px;
		}
	</style>
</head>
<body>
	<h1>数値バトルゲーム</h1>
	<div id="enemy">
		<div class="character" id="enemy1"></div>
		<div class="character" id="enemy2"></div>
		<div class="character" id="enemy3"></div>
	</div>
	<div id="player">
		<div class="character" id="playerChar"></div>
	</div>
	<div class="control">
		<button class="button" onclick="attack(1)">1を攻撃</button>
		<button class="button" onclick="attack(2)">2を攻撃</button>
		<button class="button" onclick="attack(3)">3を攻撃</button>
	</div>
	<div class="result" id="result"></div>
	
	<script>
		var playerValue = 10;
		var enemy1Value = 5;
		var enemy2Value = 7;
		var enemy3Value = 3;

function updateCharacters() {
			var playerChar = document.getElementById("playerChar");
			playerChar.innerText = playerValue;
			playerChar.style.backgroundColor = "white";

var enemy1 = document.getElementById("enemy1");
			enemy1.innerText = enemy1Value;
			enemy1.style.backgroundColor = "white";

var enemy2 = document.getElementById("enemy2");
			enemy2.innerText = enemy2Value;
			enemy2.style.backgroundColor = "white";

var enemy3 = document.getElementById("enemy3");
			enemy3.innerText = enemy3Value;
			enemy3.style.backgroundColor = "white";
		}

updateCharacters();
	</script>
</body>
</html>