Exámenes - Juego de cartas

Juego de cartas - Comentarios

• Al actualizar la página, se mostrará una nueva partida.
• Hay dos jugadores, un tigre 🐯 🐯 y un león 🦁 🦁.
• Se mostrarán las cartas obtenidas por cada jugador en cada partida.
• En medio de las cartas de los jugadores se mostrará la carta ganadora, que se indica con el símbolo ⚔️ ⚔️.
• Se indicará la puntuación de cada jugador. Gana la partida el jugador que saque menos puntos.
• Se indicará qué jugador ha ganado mediante uno de los símbolos ➡️ ➡️ ⬅️ ⬅️ señalando al ganador o mediante 🔃 🔃 en caso de empate
• Capturas de pantalla de ejemplo:

  

  

  

  

Juego de cartas - Ejemplos de código HTML

  <table style="font-size: 4rem; text-align: center; border-spacing: 50px 0;">
    <tr>
      <td>&#128047;</td>
      <td>&#9876;&#65039;</td>
      <td>&#129409;</td>
    </tr>
    <tr>
      <td>
        <img src="img/cartas/c1.svg" alt="1 de corazones" height="120">
        <img src="img/cartas/c2.svg" alt="1 de corazones" height="120">
      </td>
      <td>
        <img src="img/cartas/p3.svg" alt="3 de picas" height="120">
      </td>
      <td>
        <img src="img/cartas/d7.svg" alt="7 de diamantes" height="120">
        <img src="img/cartas/d4.svg" alt="7 de diamantes" height="120">
      </td>
    </tr>
    <tr>
      <td>3</td>
      <td>&#11013;&#65039;</td>
      <td>5</td>
    </tr>
  </table>

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: