Exámenes - Juego de cartas

Juego de cartas - Comentarios

• ⚠️ En este programa se espera que el alumno utilice bucles y se penalizará no hacerlo.
• El programa tendrá dos páginas:
  • La primera página muestra un formulario con dos controles:
    • La cantidad de rondas del juego (ente 3 y 8).
    • Los palos de las cartas que se van a mostrar para cada jugador.
  • La segunda página mostrará:
    • Si se han recibido valores incorrectos, los mensajes de error correspondientes.
    • Si los valores son correctos, tantas rondas como se haya elegido.
    • Los palos elegidos no se deben repetir.
    • En cada ronda se mostrará el número de ronda, una carta para la banca, otra para el jugador 1 y otra para el jugador 2, cada una del palo elegido para el jugador y con valores de 1 a 10 al azar.
    • Las cartas se pueden repetir de ronda en ronda.
    • Un jugador gana la ronda si el número de su carta coincide con el de la banca y el del otro jugador no coincide.
    • Un jugador gana la partida si ha ganado más rondas que el otro jugador. Si no, gana la banca.
• 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 mostrarán mensajes de error con la información faltante o incorrecta.
• No se deben cambiar los nombres de los controles incluidos en las plantillas.
• Al actualizar la segunda página, se mostrarán cartas distintas, pero el mismo tipo de juego (número de cartas y palos).
• Capturas de pantalla de ejemplo:

  

  

  

  

  

  

Solitario de cartas - Ejemplo de código HTML

  <table>
    <tr>
      <th>Ronda</th>
      <th>Banca</th>
      <th>Jugador 1</th>
      <th>Jugador 2</th>
      <th>Resultado</th>
    </tr>
    <tr>
      <td style="font-size: 3rem">1</td>
      <td><img src="img/cartas/p8.svg" alt="p8" height="100"></td>
      <td><img src="img/cartas/t1.svg" alt="t1" height="100"></td>
      <td><img src="img/cartas/c8.svg" alt="c8" height="100"></td>
      <td>Gana el jugador 2</td>
    </tr>
    <tr>
      <td style="font-size: 3rem">2</td>
      <td><img src="img/cartas/p3.svg" alt="p3" height="100"></td>
      <td><img src="img/cartas/t9.svg" alt="t9" height="100"></td>
      <td><img src="img/cartas/c7.svg" alt="c7" height="100"></td>
      <td></td>
    </tr>
    <tr>
      <td style="font-size: 3rem">3</td>
      <td><img src="img/cartas/p8.svg" alt="p8" height="100"></td>
      <td><img src="img/cartas/t8.svg" alt="t8" height="100"></td>
      <td><img src="img/cartas/c7.svg" alt="c7" height="100"></td>
      <td>Gana el jugador 1</td>
    </tr>
  </table>

  <p>Gana la banca.</p>