Subir archivos a "/"

Archivos iniciales
2026-06-15 17:15:03 +02:00
commit 5ffa8a150b
3 changed files with 59 additions and 0 deletions
@@ -0,0 +1,25 @@
 //La movemos cada 1000ms
 setInterval(moverGallina, 500);
 //InnerHeight y Width pa que no se salva de la pantalla.
 function moverGallina() {
  let top = Math.floor(Math.random() * (innerHeight - 100 + 1) + 100);
  let right = Math.floor(Math.random() * (innerHeight - 100 + 1) + 100);
  let bottom = Math.floor(Math.random() * innerWidth + 100);
  let left = Math.floor(Math.random() * (innerWidth - 100 + 1) + 100);
 //Lo de las comillas y el dolar dolor de wevos
  document.getElementById("gallina").style.margin =
    `${top}px ${right}px ${bottom}px ${left}px`;
 }
 function ganar(){
    alert('¡Has pillado a la gallina!');
 }
@@ -0,0 +1,18 @@
 <!doctype html>
 <html lang="es-ES">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Juego Gallina</title>
    <link href="/favicon.ico" type="image/x-icon" rel="icon" />
    <link rel="stylesheet" href="/css/modern-normalize.css" />
    <link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css" />
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div id="gallina" onclick="ganar()">
      <img src="images/pollo.png" alt="robot_chicken" />
    </div>
  </body>
  <script src="gallina.js" type="text/javascript" defer></script>
 </html>
@@ -0,0 +1,16 @@
 body {
  background-image: url("images/grass.jpg");
  background-repeat: repeat;
  display: flex;
  justify-content: center;
 }
 #gallina {
    /*Sin la absolute se lía*/
  position: absolute;
  width: 300px;
  height: 300px;
  transition-duration: 0.3s;
 }