Hice un juego en HTML 🎯… ¿puedes ganarlo?

🔥 Código del juego aquí abajo
📌 Copia y pégalo en un archivo .html y ábrelo en tu navegador

<!DOCTYPE html>
<html>
<head>
<title>Reto de velocidad</title>
<style>
body {
text-align: center;
font-family: Arial;
}

#cuadro {
width: 80px;
height: 80px;
background: red;
position: absolute;
top: 100px;
left: 100px;
}
</style>
</head>

<body>

<h2>Nivel: <span id="nivel">1</span></h2>
<h2>Puntos: <span id="puntos">0</span></h2>
<h2>Tiempo: <span id="tiempo">10</span></h2>

<div id="cuadro"></div>

<script>
let puntos = 0;
let nivel = 1;
let meta = 10;
let tiempo = 10;

let cuadro = document.getElementById("cuadro");

cuadro.onclick = function() {
puntos++;
document.getElementById("puntos").textContent = puntos;

mover();

if (puntos >= meta) {
nivel++;
puntos = 0;
meta += 5;
tiempo = 20;

document.getElementById("nivel").textContent = nivel;
alert("¡Nivel " + nivel + "!");
}
};

function mover() {
let x = Math.random() * (window.innerWidth - 80);
let y = Math.random() * (window.innerHeight - 80);

cuadro.style.left = x + "px";
cuadro.style.top = y + "px";
}

setInterval(function() {
tiempo--;
document.getElementById("tiempo").textContent = tiempo;

if (tiempo <= 0) {
alert("Perdiste en nivel " + nivel);
location.reload();
}
}, 1000);
</script>

</body>
</html>

Видео Hice un juego en HTML 🎯… ¿puedes ganarlo? канала DevDesdeCero

Комментарии отсутствуют