Exámenes - Juego de cartas para 3 jugadores

Juego de cartas para 3 jugadores - Comentarios

• El programa podrá tener dos páginas y utilizar sesiones:
  • La primera página muestra dos cartas del 1 al 4 de corazones y la puntuación de cada uno de los tres jugadores:
    • La primera vez que se abre la página se muestra el dorso de las dos cartas, tres dibujos de animales representando a los jugadores y su puntuación inicial (0).
    • Al pulsar el botón "Nuevas cartas" se muestran 2 cartas del 1 al 4 de corazones, al azar, jugadas por el primer y segundo jugador.
    • Si un jugador saca una carta más alta que el otro, el jugador puntúa el valor de su carta.
    • Si las cartas son iguales, el tercer jugador puntúa la suma de las dos cartas.
    • Las puntuaciones acumuladas de cada jugador se muestran al lado de cada dibujo de animal.
    • Cuando un jugador supera los 20 puntos, gana la partida, lo que se indicará al final de la página.
    • Si un jugador ha ganado la partida ya no se pueden volver a jugar nuevas cartas.
    • Al pulsar el botón "Volver a empezar" la partida 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:

  

  

  

  

  

  

Juego de cartas para 3 jugadores - Ejemplo de código HTML

    <table style="font-size: 2rem; text-align: center;">
      <tr style="font-size: 4rem;">
        <td>&#128047;<br>16</td>
        <td><img src="img/cartas/c2.svg" alt="2 de corazones" width="100"></td>
        <td><img src="img/cartas/c2.svg" alt="2 de corazones" width="100"></td>
        <td>&#128058;<br>7</td>
      </tr>
      <tr style="font-size: 4rem;">
        <td></td>
        <td colspan="2">&#128050; 24</td>
        <td></td>
      </tr>
    </table>

    <p>¡Ha ganado el dragón!</p>