Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
2
respuestas

PROGRAMA JUEGO DE ADIVINACION

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>¡ADIVINA!</title>

    <style>
      body {
        background-color: #5c0099;
      }

      h1 {
        font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
        font-size: 8rem;
        padding: 3px;
        color: #e9c7ff;
        letter-spacing: 2px;
        text-align: center;
      }

      p {
        font-family: "Courier New", Courier, monospace;
        font-size: 1.5rem;
        text-align: center;
        color: bisque;
      }
    </style>
  </head>

  <body>
    <h1>¡ADIVINA!</h1>
    <hr />

    <script>
      function saltarLinea() {
        document.write("<br>");
      }

      function imprimir(frase) {
        document.write(frase);
        saltarLinea();
      }

      let numeroSecreto = Math.round(Math.random() * 10);

      let numeroUsuario = parseInt(
        prompt(
          "'¿Andas clarividente?, intenta adivinar el número secreto entre 0 y 10. Suerte."
        )
      );

      if (numeroSecreto == numeroUsuario) {
        imprimir("<p>¡Wow!, ¡Se nota hoy si desayunaste!</p>");
      } else {
        imprimir(
          "<p>Si, si, si, si... bueno... no; no realmente. Sigue intentando.</p>"
        );
      }
    </script>
  </body>
</html>
2 respuestas

Hola Roberto: me gustó la propuesta de agregar CSS; pero no da la posibilidad de seguir intentando hasta 3 posibilidades de probar. Saludos cordiales y éxitos

Mabel, tienes razón, esa cuestión no la integré, hay que actualizar la página, lo cual no es lo ideal. Gracias!