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:
    • Para poder jugar, el jugador tiene que haber elegido uno de los cuatro palos de la baraja.
    • Los cuatro palos se muestran mediante las secuencias Unicode ♠️ ♠️ - ♣️ ♣️ - ♥️ ♥️ y ♦️ ♦️
    • Al jugar, se descubre una carta. Si el palo de la carta coincide con el palo elegido por el jugador, se anota un punto. Las cartas pueden repetirse.
    • El palo elegido se puede cambiar en cualquier momento.
    • El juego no termina nunca.
    • Los contadores indican el número de puntos ganados y de cartas jugadas.
    • 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 (todavía no puede Jugar):

    

  • El jugador elige el palo de picas (ya podría jugar):

    

  • El jugador cambia el palo elegido a corazones (antes de jugar):

    

  • El jugador juega y gana el punto:

    

  • El jugador vuelve a jugar sin cambiar el palo, pero esta vez pierde:

    

  • El jugador cambia el palo elegido a tréboles (desaparece la carta jugada anterior, pero se mantiene la puntuación):

    

  • El jugador juega, pero vuelve a perder:

    

Juego de cartas - Ejemplos de código HTML

      <tr>
        <td>
          <button type="submit" name="accion" value="P" style="font-size: 2rem">&#x2660;&#xfe0f;</button>
          <button type="submit" name="accion" value="T" style="font-size: 2rem">&#x2663;&#xfe0f;</button>
        </td>
        <td rowspan="2"><img src="img/cartas/vacia.svg" alt="vacia" height="160"></td>
        <td rowspan="2"><img src="img/cartas/vacia.svg" alt="vacia" height="160"></td>
      </tr>
      <tr>
        <td>
          <button type="submit" name="accion" value="C" style="font-size: 2rem">&#x2665;&#xfe0f;</button>
          <button type="submit" name="accion" value="D" style="font-size: 2rem">&#x2666;&#xfe0f;</button>
        </td>
      </tr>
      <tr>
        <th><input type="submit" name="accion" value="Reiniciar"></th>
        <td style="font-size: 2rem"></td>
        <td style="font-size: 2rem">0/0</td>
      </tr>

      <tr>
        <td>
          <button type="submit" name="accion" value="P" style="font-size: 2rem">&#x2660;&#xfe0f;</button>
          <button type="submit" name="accion" value="T" style="font-size: 2rem">&#x2663;&#xfe0f;</button>
        </td>
        <td rowspan="2"><img src="img/cartas/t.svg" alt="t" height="160"></td>
        <td rowspan="2"><img src="img/cartas/c3.svg" alt="c3" height="160"></td>
      </tr>
      <tr>
        <td>
          <button type="submit" name="accion" value="C" style="font-size: 2rem">&#x2665;&#xfe0f;</button>
          <button type="submit" name="accion" value="D" style="font-size: 2rem">&#x2666;&#xfe0f;</button>
        </td>
      </tr>
      <tr>
        <th><input type="submit" name="accion" value="Reiniciar"></th>
        <td style="font-size: 2rem">¡Fallaste!</td>
        <td style="font-size: 2rem">1/3</td>
      </tr>

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: