Exámenes - Solitario de cartas

Solitario de cartas - Comentarios

• El programa podrá tener dos páginas y utilizar sesiones:
  • La primera página muestra un número y una carta de corazones al azar:
    • La primera vez que se abre la página se muestra el número 0 y una carta de corazones sin número.
    • Al pulsar el botón "Nueva carta" se incrementa el número y se muestra otra carta de corazones al azar.
    • Si el número y el número de la carta coinciden, se ha perdido el solitario.
    • Si se alcanza el número 10 sin que haya coincidido ningún valor, se ha ganado el solitario.
    • Un mensaje indica si se ha ganado o perdido el solitario.
    • En el momento en que se gana o pierde el solitario, no se pueden sacar nuevas cartas.
    • Al pulsar el botón "Volver a empezar" el solitario vuelve al principio.
  • La segunda página recoge el botón, modifica las variables de sesión y redirige a la primera página.
• Si se intenta acceder directamente a la segunda página sin pasar por la primera o si se envía a la segunda página información distinta a la esperada, se redirigirá a la primera página sin informar al usuario.
• No se debe cambiar el nombre de los controles incluido en las plantillas.
• Al actualizar la primera página, no se modificará el contenido.
• Capturas de pantalla de ejemplo:

  

  

  

Solitario de cartas - Ejemplos de código HTML

    <table>
      <tr>
       <td style="font-size: 900%">0</td>
       <td><img src="img/cartas/c.svg" alt="" height="100"></td>
      </tr>
    </table>

    <p>
      <button type="submit" name="accion" value="nueva">Nueva carta</button>
      <button type="submit" name="accion" value="empezar">Volver a empezar</button>
    </p>

    <table>
      <tr>
       <td style="font-size: 900%">2</td>
       <td><img src="img/cartas/c2.svg" alt="2 de corazones" height="100"></td>
      </tr>
    </table>

    <p>Ha perdido.</p>

    <p>
      <button type="submit" name="accion" value="empezar">Volver a empezar</button>
    </p>