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

No:1194

283

←

Prev Next

→

Game in which you take care of a virtual pet. You ..ALL
Developer User3278｜Date and time 23/6/18 7:52:04
Build time 50.314 sec｜Game capacity 4.491KB｜

Script

Cuida tu mascota virtual

←

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>Mascotas Virtuales</title>
	<style>
		body {background-color: #ffffcc; font-family: Arial, sans-serif;}
		h1 {color: #ff8000; text-align: center;}
		.container {display: flex; justify-content: space-evenly; align-items: center;}
		.mascota {border: 2px solid black; border-radius: 50%; padding: 20px; background-color: white; margin: 20px;}
		.mascota img {max-width: 100%; max-height: 250px;}
		.opciones {display: flex; justify-content: space-around; align-items: center;}
		.opciones button {background-color: #ff8000; color: white; padding: 10px; border-radius: 10px; border: none; font-weight: bold;}
		.opciones button:hover {background-color: #ff9933; cursor: pointer;}
		.info {text-align: center; font-size: 1.2em; margin: 20px;}
		.acciones {display: flex; justify-content: space-around; align-items: center;}
		.acciones button {background-color: #008CBA; color: white; padding: 10px; border-radius: 10px; border: none; font-weight: bold;}
		.acciones button:hover {background-color: #00bfff; cursor: pointer;}
	</style>
	<script>
		let mascotaElegida;
		let mascotas = {
			dumbo: {nombre: "Dumbo", alimentos: 100, energia: 100, higiene: 100},
			dino: {nombre: "Dino", alimentos: 100, energia: 100, higiene: 100},
			ratolin: {nombre: "Ratolin", alimentos: 100, energia: 100, higiene: 100}
		};
		
		document.addEventListener("DOMContentLoaded", function(event) {
			mascotaElegida = Object.keys(mascotas)[0];
			actualizarMascota();
		});

function elegirMascota(e) {
			mascotaElegida = e.currentTarget.value;
			actualizarMascota();
		}

function bañar() {
			if (mascotas[mascotaElegida].higiene < 100) {
				mascotas[mascotaElegida].higiene += 20;
				document.getElementById("accion").innerHTML = `Duchando a ${mascotas[mascotaElegida].nombre} 🛁`;
				actualizarMascota();
			} else {
				document.getElementById("accion").innerHTML = `Ya está limpito 🧼`;
			}
		}