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

No:2445

210

←

Prev Next

→

放置系スクールタップバトル続編イベント次々と現れるどうぶつスクールシミュレーターのアップデートを..ALL
Developer anonymous｜Date and time 23/8/14 16:22:41
Build time unknown sec｜Game capacity 4.133KB｜

Script

放置系スクールタップバトル続編

討伐の進捗度：%span%

※このアプリは、スマホで操作できるようにレスポンシブデザインにしています。簡単なゲームのルール：・「攻撃する」ボタンをクリックすると、プレイヤーが攻撃する。・プレイヤーの攻撃力は1で設定されている。・敵の初期HPは10と設定されている。・敵の攻撃力は2で設定されている。・敵の残りHPが0以下になると、プレイヤーが勝利し、メッセージが表示される。・「リセットする」ボタンをクリックすると、HPとメッセージ等が初期状態に戻る。

←

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: #F5DEB3;
			text-align: center;
		}

h1 {
			font-size: 3em;
			margin-top: 2em;
		}

h2 {
			font-size: 2em;
			margin-top: 2em;
		}

#monster {
			width: 150px;
			height: 150px;
			margin-top: 2em;
			margin-bottom: 1em;
		}

#attackButton, #resetButton {
			font-size: 2em;
			margin-top: 1em;
			padding: 0.5em 1em;
			border-radius: 5px;
			background-color: #FFA07A;
			border: none;
			color: white;
			cursor: pointer;
		}

#attackButton:hover, #resetButton:hover {
			background-color: #FF6347;
		}

#message {
			font-size: 2.5em;
			margin-top: 1.5em;
			margin-bottom: 1.5em;
			white-space: pre-wrap;
		}

@media screen and (max-width: 480px) {
			#monster {
				width: 100px;
				height: 100px;
			}

#attackButton, #resetButton {
				font-size: 1.5em;
				padding: 0.25em 0.5em;
			}

#message {
				font-size: 1.5em;
			}
		}
	</style>
</head>
<body>
	<h1>放置系スクールタップバトル続編</h1>
	<img id="monster" src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/271/dragon-face_1f432.png">

<h2>討伐の進捗度：%span%</h2>
	<button id="attackButton">攻撃する</button>
	<button id="resetButton">リセットする</button>
	<p id="message"></p>

// Player parameters
		var power = 1;

// Game logic
		document.getElementById('attackButton').addEventListener('click', function() {
			remainingHP -= power * attack;

// Update the progress bar
			var progress = Math.round((1 - remainingHP / HP) * 100);
			document.querySelector('h2').innerHTML = '討伐の進捗度：' + progress + '%';

// Display the message
			if (remainingHP <= 0) {
				document.getElementById('message').innerHTML = '開発者ひさしを討伐しました！';
				document.getElementById('monster').src = 'https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/271/face-screaming-in-fear_1f631.png';
				document.getElementById('monster').alt = '倒したモンスター';
				document.getElementById('attackButton').disabled = true;
			} else {
				var messages = [
					'%emoji1% 攻撃！ 敵に %dmg% ダメージを与えた！',
					'%emoji2% 激しい攻撃！ 敵に %dmg% ダメージを与えた！',
					'%emoji3% やったね！ 敵に %dmg% ダメージを与えた！',
					'%emoji4% キメるね！ 敵に %dmg% ダメージを与えた！',
				];
				var index = Math.floor(Math.random() * messages.length);
				var message = messages[index].replace('%dmg%', power * attack)
										  .replace('%emoji1%', '👊')
										  .replace('%emoji2%', '💥')
										  .replace('%emoji3%', '🎉')
										  .replace('%emoji4%', '🔥');
				document.getElementById('message').innerHTML = message;
			}
		});

document.getElementById('resetButton').addEventListener('click', function() {
			remainingHP = HP;
			document.querySelector('h2').innerHTML = '討伐の進捗度：0%';
			document.getElementById('message').innerHTML = '';
			document.getElementById('monster').src = 'https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/271/dragon-face_1f432.png';
			document.getElementById('monster').alt = 'モンスター';
			document.getElementById('attackButton').disabled = false;
		});
	</script>
</body>
</html>

※このアプリは、スマホで操作できるようにレスポンシブデザインにしています。

簡単なゲームのルール：
・「攻撃する」ボタンをクリックすると、プレイヤーが攻撃する。
・プレイヤーの攻撃力は1で設定されている。
・敵の初期HPは10と設定されている。
・敵の攻撃力は2で設定されている。
・敵の残りHPが0以下になると、プレイヤーが勝利し、メッセージが表示される。
・「リセットする」ボタンをクリックすると、HPとメッセージ等が初期状態に戻る。