Exámenes - Escogen cartas

Escogen cartas - Comentarios

• Descripción del juego:
  • Es un juego de dos jugadores representados por un tigre y por un león.
  • En el centro se muestra una carta del 1 al 10 de picas al azar. Haciendo clic en la carta, la carta cambia al azar.
  • Al hacer clic en el tigre o en el león, el jugador correspondiente coge la carta del centro.
  • Las cartas cogidas por cada jugador se muestran a su lado.
  • Cada jugador puede coger hasta tres cartas. Si un jugador ya ha cogido tres cartas, hacer clic en su imagen no modificará sus cartas.
  • Cuando los dos jugadores han cogido tres cartas, se muestra la puntuación obtenida por los dos jugadores y quién ha ganado la partida (el que haya obtenido más puntos).
  • Se puede seguir haciendo clic en los jugadores o en la carta una vez terminada la partida, pero el resultado de la partida no cambiará.
  • Al hacer clic en el botón Reiniciar, la partida vuelve a empezar.
• El programa podrá tener dos páginas y utilizar sesiones.
• 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 se producirá ningún cambio.
• No se debe cambiar el nombre del control incluido en las plantillas.
• Al actualizar la primera página (con F5), no se producirá ningún cambio.
• Capturas de pantalla de ejemplo:

  

  

  

  

  

  

Escogen cartas - Ejemplo de código HTML

    <p>
      <img src="img/cartas/p9.svg" alt="9 de picas" height="150">
      <img src="img/cartas/vacio.svg" alt="Sin carta" height="150">
      <img src="img/cartas/vacio.svg" alt="Sin carta" height="150">

      <button name="accion" value="A">
        <img src="img/tiger-face-1f42f.svg" alt="Tigre" height="150">
      </button>

      <button name="accion" value="Carta">
        <img src="img/cartas/p7.svg" alt="7 de picas" height="150">
      </button>

      <button name="accion" value="B">
        <img src="img/lion-face-1f981.svg" height="150">
      </button>

      <img src="img/cartas/p6.svg" alt="6 de picas" height="150">
      <img src="img/cartas/p1.svg" alt="1 de picas" height="150">
      <img src="img/cartas/vacio.svg" alt="Sin carta" height="150">
    </p>

Escogen 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: