Exámenes - Juego de cartas

Juego de cartas - Comentarios

• El programa podrá tener dos páginas y utilizar sesiones:
  • La primera página muestra el estado de la partida:
    • Los jugadores van jugando por turnos consecutivos.
    • Cada jugador tiene dos cartas al azar entre 1 y 10 (el jugador A cartas de corazones y el jugador B cartas de picas). Las cartas pueden repetirse..
    • El jugador al que le toca el turno, puede pulsar cualquiera de las cuatro cartas para cambiarla por otra carta al azar, o puede pulsar uno de los botones "Todas" para que se cambian las dos cartas de la fila correspondiente.
    • El jugador cuyas cartas sumen más puntos gana un punto. Si hay empate, nadie gana ningún punto.
    • Los puntos se muestran a la izquierda de las cartas.
    • El jugador que alcanza cinco puntos gana la partida.
    • En la parte superior, la página indica a quién le toca el turno o quién ha ganado la partida.
    • Un botón permite reiniciar el juego en cualquier momento.
  • La segunda página recoge el botón elegido, 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, ni modificar los datos ni los contadores.
• No se debe cambiar el nombre del control incluido en las plantillas.
• Al actualizar la primera página, no se modificará el contenido.
• Capturas de pantalla de ejemplo:
  • Empieza la partida:

    

  • El jugador A cambia el 6 del jugador B y gana el punto:

    

  • El jugador B cambia las dos cartas del jugador A, pero A vuelve a ganar el punto:

    

  • El jugador A cambia el 5 del jugador B y gana el punto:

    

  • El jugador B cambia su as, pero vuelve a perder:

    

  • El jugador A cambia uno de sus 5 y gana el punto y la partida:

    

Juego de cartas - Ejemplo de código HTML

    <p style="font-size: 2em">Le toca jugar a A</p>

    <p>
      <span style="font-size: 7em">A: 0</span>
      <button type="submit" name="accion" value="A1">
        <img src="img/cartas/c9.svg" alt="9" width="140" height="140">
      </button>
      <button type="submit" name="accion" value="A2">
        <img src="img/cartas/c5.svg" alt="5" width="140" height="140">
      </button>
      <button type="submit" name="accion" value="A" style="font-size: 2em">Todas</button>
    </p>

    <p>
      <span style="font-size: 7em">B: 0</span>
      <button type="submit" name="accion" value="B1">
        <img src="img/cartas/p10.svg" alt="10" width="140" height="140">
      </button>
      <button type="submit" name="accion" value="B2">
        <img src="img/cartas/p4.svg" alt="4" width="140" height="140">
      </button>
      <button type="submit" name="accion" value="B" style="font-size: 2em">Todas</button>
    </p>

Juego de cartas - Ejemplo de programa

Nota: El día del examen los alumnos no tienen acceso a este ejemplo, solamente tienen acceso a las capturas del apartado anterior.

Un ejemplo de programa puede probarse en la ventana siguiente: