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

No:40531

Intenta crear un minijuego del pou.
Developer User18058｜Date and time 24/2/3 9:03:29
Build time 9.116 sec｜Game capacity 2.042KB｜

Script

Minijuego de Pou

El código anterior crea un mini juego de Pou. Se muestra una imagen de Pou junto con cuatro botones de acción: alimentar a Pou, jugar con Pou, limpiar a Pou y reiniciar sus estados. Cada vez que se hace clic en uno de los botones, el estado correspondiente de Pou aumenta en 10. Los estados incluyen el hambre, la energía y la suciedad. El estado actualizado se muestra junto a cada botón.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Minijuego de Pou</title>
	<style>
		.container {
			text-align: center;
			margin-top: 100px;
		}

.button {
			width: 150px;
			height: 150px;
			border-radius: 50%;
			background-color: #008CBA;
			color: white;
			font-size: 28px;
			border: none;
			cursor: pointer;
			margin: 20px;
		}

.pou-image {
			width: 200px;
			height: 200px;
		}
	</style>
</head>
<body>
	<div class="container">
		<h1>Minijuego de Pou</h1>
		<img src="pou.png" class="pou-image" alt="Pou">
		<button id="feed" class="button" onclick="feedPou()">🍳</button>
		<button id="play" class="button" onclick="playWithPou()">🎮</button>
		<button id="clean" class="button" onclick="cleanPou()">🛄</button>
		<button id="reset" class="button" onclick="resetPou()">🥀</button>
	</div>

function feedPou() {
			if (pou.hunger < 100) {
				pou.hunger += 10;
				updatePouStatus();
			}
		}

function playWithPou() {
			if (pou.energy < 100) {
				pou.energy += 10;
				updatePouStatus();
			}
		}

function cleanPou() {
			if (pou.dirtiness < 100) {
				pou.dirtiness += 10;
				updatePouStatus();
			}
		}

function resetPou() {
			pou.hunger = 0;
			pou.energy = 0;
			pou.dirtiness = 0;
			updatePouStatus();
		}

function updatePouStatus() {
			document.getElementById("feed").innerText = "🍳 (" + pou.hunger + ")";
			document.getElementById("play").innerText = "🎮 (" + pou.energy + ")";
			document.getElementById("clean").innerText = "🛄 (" + pou.dirtiness + ")";
		}
	</script>
</body>
</html>