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

No:789

175

←

Prev Next

→

A game to adore Mokkomelian
Developer User3131｜Date and time 23/6/17 17:44:33
Build time 40.777 sec｜Game capacity 3.357KB｜

Script

モッコメリアンを可愛がるゲーム

モッコメリアンを選んで、可愛がってあげよう！

ハート:0

※ゲームの概要：モッコメリアンを可愛がって、ハートを集めよう！ボタンを押すと、モッコメリアンが反応して、ハートが手に入るよ！餌をあげたり、なでたり、お散歩に連れて行ったり、モッコメリアンが好きそうな事をしてあげよう！

←

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: 24px;
			text-align: center;
		}
		button {
			font-size: 20px;
			margin: 10px;
			padding: 10px;
			background-color: yellow;
			border-radius: 10px;
			cursor: pointer;
		}
		img {
			width: 200px;
			height: 200px;
		}
	</style>
</head>
<body>
	<h1>モッコメリアンを可愛がるゲーム</h1>
	<p>モッコメリアンを選んで、可愛がってあげよう！</p>
	<div id="game">
		<button id="mokkome">モッコメリアン</button>
		<img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/hamster-face_1f439.png" id="character" alt="モッコメリアン">
		<br>
		<button id="feed">餌をあげる</button>
		<button id="pet">なでる</button>
		<button id="walk">お散歩に連れて行く</button>
		<p>ハート:<span id="hearts">0</span></p>
	</div>
	<script>
		let hearts = 0;

document.getElementById("feed").addEventListener("click", function(){
			hearts += 1;
			document.getElementById("hearts").innerHTML = hearts;
			document.getElementById("character").src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/hamster-food_1f35f.png";
			setTimeout(function(){
				document.getElementById("character").src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/hamster-face_1f439.png";
			}, 2000);
		});

document.getElementById("pet").addEventListener("click", function(){
			hearts += 1;
			document.getElementById("hearts").innerHTML = hearts;
			document.getElementById("character").src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/hamster_1f439_1f3fd_200d_1f4bb.png";
			setTimeout(function(){
				document.getElementById("character").src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/hamster-face_1f439.png";
			}, 2000);
		});

document.getElementById("walk").addEventListener("click", function(){
			hearts += 2;
			document.getElementById("hearts").innerHTML = hearts;
			document.getElementById("character").src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/hamster-wheel_1f439.png";
			setTimeout(function(){
				document.getElementById("character").src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/hamster-face_1f439.png";
			}, 2000);
		});

document.getElementById("mokkome").addEventListener("click", function(){
			hearts += 3;
			document.getElementById("hearts").innerHTML = hearts;
			document.getElementById("character").src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/hamster-face-with-tears-of-joy_1f639.png";
			setTimeout(function(){
				document.getElementById("character").src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/hamster-face_1f439.png";
			}, 2000);
		});

</script>
</body>
</html>