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

No:2293

7106

←

Prev Next

→

The Protein Eat Muscle Game
Developer User3515｜Date and time 23/6/20 21:05:44
Build time 28.841 sec｜Game capacity 1.588KB｜

Script

プロテインマッスルゲーム

プロテインを食べてマッスルを育てよう！

【ゲーム概要】プロテインを食べてマッスルを育てるゲームです。ボタンをクリックすると、マッスルが1個育ちます。マッスルが10個以上になると、あなたはマッスルマスターになります。スマホでも遊べます。絵文字も多めに使われています。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>プロテインマッスルゲーム</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			background-color: #FFB6C1;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			height: 100vh;
			margin: 0;
		}

h1 {
			font-size: 4rem;
			margin-bottom: 1rem;
			color: #FF1493;
		}

#button {
			color: #FFF;
			background-color: #FF69B4;
			border: none;
			border-radius: 1rem;
			padding: 1rem 2rem;
			font-size: 2rem;
			cursor: pointer;
		}

#result {
			font-size: 2rem;
			margin-top: 2rem;
		}
	</style>
</head>
<body>
	<h1>プロテインマッスルゲーム</h1>
	<p>プロテインを食べてマッスルを育てよう！</p>
	<button id="button">食べる！</button>
	<p id="result"></p>

document.getElementById("button").addEventListener("click", function() {
			protein++;
			result.textContent = `マッスルが ${protein} 個育った！`;

if (protein >= 10) {
				result.textContent += " おめでとう！あなたはマッスルマスターだ！";
			}
		});
	</script>
</body>
</html>

【ゲーム概要】
プロテインを食べてマッスルを育てるゲームです。ボタンをクリックすると、マッスルが1個育ちます。マッスルが10個以上になると、あなたはマッスルマスターになります。スマホでも遊べます。絵文字も多めに使われています。