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

No:2590

1532

←

Prev Next

→

A game where you can raise a dog
Developer User3588｜Date and time 23/6/22 1:23:01
Build time 30.344 sec｜Game capacity 2.226KB｜

Script

犬の育成

犬を育てよう！

ハート: ❤️❤️❤️❤️❤️

←

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{
			text-align: center;
			font-size: 30px;
		}

button{
			font-size: 20px;
			margin: 10px;
			padding: 10px;
			background-color: #eee;
			border-radius: 10px;
			border: none;
			box-shadow: 3px 3px 5px #999;
			cursor: pointer;
		}

button:hover{
			background-color: #ccc;
			box-shadow: none;
		}

img{
			width: 300px;
			border-radius: 10px;
			box-shadow: 3px 3px 5px #999;
		}

span{
			font-size: 50px;
		}
	</style>
</head>
<body>
	<h1>犬の育成</h1>
	<p>犬を育てよう！</p>

<button onclick="feed()">🍖 餌をあげる</button>
	<button onclick="walk()">🚶‍♂️ 散歩に連れて行く</button>
	<button onclick="play()">🎾 遊ぶ</button>

let love = 5;
		let hungry = 0;

function feed(){
			if(hungry < 3){
				hungry++;
				if(love < 5){
					love++;
				}

updateHeart();
			}
		}

function walk(){
			if(hungry < 3){
				hungry++;
				if(love < 5){
					love++;
				}

dog.src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/285/dog_1f415.png";
				setTimeout(function(){
					dog.src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/285/dog-face_1f436.png";
				}, 2000);

updateHeart();
			}
		}

function play(){
			if(hungry < 3){
				hungry++;
				if(love < 5){
					love++;
				}

dog.src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/285/dog-playing_1f43e-200d-2640-fe0f.png";
				setTimeout(function(){
					dog.src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/285/dog-face_1f436.png";
				}, 2000);

updateHeart();
			}
		}

function updateHeart(){
			let hearts = "";

for(let i = 0; i < love; i++){
				hearts += "❤️";
			}

heart.textContent = hearts;
		}
	</script>
</body>
</html>