Exámenes - Juego de cartas

En este ejercicio se debe crear un programa que muestre una partida de un juego de cartas para dos jugadores.

Juego de cartas - Comentarios

Juego de cartas - Ejemplos de código HTML

  <p>
    <img src="img/cartas/p9.svg" alt="9 de picas" height="100">
    <img src="img/cartas/p6.svg" alt="6 de picas" height="100">
    ...
    <img src="img/cartas/p1.svg" alt="1 de picas" height="100">
  </p>

  <p>
    <img src="img/cartas/c2.svg" alt="2 de corazones" height="100">
    <img src="img/cartas/c3.svg" alt="3 de corazones" height="100">
    ...
    <img src="img/cartas/c6.svg" alt="6 de corazones" height="100">
  </p>

  <h2>Cartas ordenadas de cada jugador y puntuación</h2>

  <p>
    <img src="img/cartas/p9.svg" alt="9 de picas" height="100" style="vertical-align: middle;">
    <img src="img/cartas/p9.svg" alt="9 de picas" height="100" style="vertical-align: middle;">
    ...
    <img src="img/cartas/p1.svg" alt="1 de picas" height="100" style="vertical-align: middle;">
    <span style="font-size: 300%;">14</span>
    <span style="font-size: 300%;">¡Gana!</span>
  </p>

  <p>
    <img src="img/cartas/c6.svg" alt="6 de corazones" height="100" style="vertical-align: middle;">
    <img src="img/cartas/c6.svg" alt="6 de corazones" height="100" style="vertical-align: middle;">
    ...
    <img src="img/cartas/c2.svg" alt="2 de corazones" height="100" style="vertical-align: middle;">
    <span style="font-size: 300%;">4</span>
    <span style="font-size: 300%;">¡Pierde!</span>
  </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:

Enlace a ejemplo