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

No:2752

1658

←

Prev Next

→

Great recovery after drinking energizer
Developer anonymous｜Date and time 23/6/22 14:19:02
Build time 19.598 sec｜Game capacity 1.499KB｜

Script

エナドリ大作戦

クリックしてエナドリを飲んで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 {
			font-size: 2rem;
			text-align: center;
			background-color: #CCE5FF;
			margin: 0;
			padding: 0;
		}
		#game_area {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			height: 80vh;
		}
		.card {
			font-size: 5rem;
			margin: 0.5rem;
			padding: 1rem;
			border: 2px solid #000;
			border-radius: 1rem;
			background-color: #FFF;
			cursor: pointer;
			transition: all 0.2s;
		}
		.card:hover {
			transform: scale(1.1);
			background-color: #FFC266;
		}
	</style>
</head>
<body>
	<h1>エナドリ大作戦</h1>
	<p>クリックしてエナドリを飲んでHPを回復しよう！</p>
	<div id="game_area"></div>
	<script>
		const game_area = document.querySelector('#game_area');
		const emojis = ['🐵', '🦁', '🐶', '🐼', '🐨', '🐯', '🐷', '🐹', '🐣', '🐸'];
		let hp = 0;

function init() {
			for(let i = 0; i < 10; i++) {
				const card = document.createElement('div');
				card.classList.add('card');
				card.textContent = emojis[Math.floor(Math.random() * emojis.length)];
				card.addEventListener('click', drinkEnergyDrink);
				game_area.appendChild(card);
			}
		}

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