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

No:3789

5125

←

Prev Next

→

Pictogram Nurturing Game
Developer もちきなこ｜Date and time 23/6/26 16:56:35
Build time 19.302 sec｜Game capacity 1.709KB｜

Script

を作ります。

絵文字育成ゲーム

このゲームでは、ランダムに選ばれた絵文字を育成します。ボタンをクリックすると、レベルが上がり、絵文字が育成されます。最高レベルは10です。育成に成功したら、再度ランダムな絵文字が選ばれ、新しい育成が始まります。絵文字をタップしても育成できます。スマホでの操作に最適化されています。

←

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-family: Arial, sans-serif;
			text-align: center;
		}
		h1 {
			color: #f57f17;
		}
		#emoji {
			font-size: 60px;
		}
		#level {
			font-size: 20px;
			color: #757575;
			margin-top: 5px;
		}
		#button {
			background-color: #f57f17;
			color: white;
			border: none;
			border-radius: 5px;
			padding: 10px 20px;
			cursor: pointer;
			margin-top: 20px;
		}
	</style>
	<script>
		let emoji = "";
		let level = 1;

function feed() {
			level++;
			display();
		}

function display() {
			document.getElementById("emoji").innerHTML = emoji.repeat(level);
			document.getElementById("level").innerHTML = "Level " + level;
		}

function init() {
			let emojis = ["🐶", "🐱", "🐻", "🐹", "🐰", "🐸", "🐢", "🐍", "🐙", "🦑"];
			let randomIndex = Math.floor(Math.random() * emojis.length);
			emoji = emojis[randomIndex];
			display();
		}

window.onload = function() {
			init();
			document.getElementById("button").addEventListener("click", feed);
		};
	</script>
</head>
<body>
	<h1>絵文字育成ゲーム</h1>
	<div id="emoji"></div>
	<div id="level"></div>
	<button id="button">餌をあげる</button>
</body>
</html>