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

No:1191

146

←

Prev Next

→

Virtual pet
Developer User3278｜Date and time 23/6/18 7:44:39
Build time 24.194 sec｜Game capacity 2.107KB｜

Script

Mascota Virtual

Hola! Soy tu nueva mascota virtual, puedes darme un nombre!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<html>
<head>
	<title>Mascota Virtual</title>
	<meta charset="UTF-8">
</head>
<body>
	<h1>Mascota Virtual</h1>
	<p>Hola! Soy tu nueva mascota virtual, puedes darme un nombre!</p>
	<input type="text" id="nombreMascota">
	<button onclick="iniciarJuego()">¡Empezar a jugar!</button>
	<hr>
	<div id="mascota">
		<img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/160/apple/198/dog-face_1f436.png" alt="mascota virtual">
		<div id="estadoMascota"></div>
	</div>
	
	<script>
		let nombre = "";
		let felicidad = 100;
		let alimentado = true;
		
		function iniciarJuego() {
			nombre = document.getElementById("nombreMascota").value;
			document.getElementById("mascota").innerHTML = `<img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/160/apple/198/dog-face_1f436.png" alt="mascota virtual"><div id="estadoMascota"></div>`;
			document.getElementById("estadoMascota").innerHTML = `${nombre}: Felicidad: ${felicidad} / Alimentado: ${alimentado}`;
		}
		
		function alimentar() {
			if(alimentado) {
				alert("Ya he sido alimentado");
			} else {
				alimentado = true;
				felicidad += 10;
				document.getElementById("estadoMascota").innerHTML = `${nombre}: Felicidad: ${felicidad} / Alimentado: ${alimentado}`;
			}
		}
		
		function jugar() {
			if(felicidad < 10) {
				alert("No tengo suficiente felicidad para jugar");
			} else {
				felicidad -= 10;
				document.getElementById("estadoMascota").innerHTML = `${nombre}: Felicidad: ${felicidad} / Alimentado: ${alimentado}`;
				let emojiAleatorio = Math.floor(Math.random() * 4) + 1;
				if(emojiAleatorio === 1) {
					alert(`¡${nombre} está feliz contigo! 🥰`);
				} else if(emojiAleatorio === 2) {
					alert(`¡${nombre} ha tenido mucho fun contigo! 🎉`);
				} else if(emojiAleatorio === 3) {
					alert(`¡${nombre} está emocionado por jugar contigo! 😄`);
				} else {
					alert(`¡${nombre} está saltando de felicidad! 🐶`);
				}
			}
		}
	</script>
	
	<footer>
		<button onclick="alimentar()">Alimentar</button>
		<button onclick="jugar()">Jugar</button>
	</footer>
</body>
</html>