Cara o cruz. Exámenes. PHP. Bartolomé Sintes Marco. www.mclibre.org

En este ejercicio se debe crear un programa que muestre una partida de un juego a cara o cruz entre dos jugadores que consiste en tirar cada uno una moneda. Gana cada baza el jugador que obtenga cruz él solo y gana la partida el que gane más bazas.

Cara o cruz - Comentarios

Las imágenes de cara o cruz son imágenes SVG enlazadas en la página. La Cara muestra el símbolo del euro y la Cruz la fachada de un templo con columnas.
Al actualizar la página, se mostrará una partida completa, mostrando todas las bazas, el resultado de cada baza y el resultado final.
El número de bazas será un número al azar de 5 a 9.
La partida se mostrará en tres filas. La primera fila mostrará en orden las monedas obtenidas por el jugador A, la segunda fila mostrará en orden las monedas obtenidas por el jugador B y la tercera fila mostrará en orden quién ha ganadado cada baza.
Al final, se indicará quién ha ganado la partida.
Capturas de pantalla de ejemplo:

Cara o cruz - Ejemplo de código HTML


  <table style="font-size: 3rem; text-align: center;">
    <tr>
      <td>A:</td>
      <td><img src="img\monedas\cruz-coin-u1fa99.svg" alt="Cruz" title="Cruz" width="80"></td>
      <td><img src="img\monedas\cara-coin-u1fa99.svg" alt="Cara" title="Cara" width="80"></td>
      <td><img src="img\monedas\cruz-coin-u1fa99.svg" alt="Cruz" title="Cruz" width="80"></td>
      <td><img src="img\monedas\cruz-coin-u1fa99.svg" alt="Cruz" title="Cruz" width="80"></td>
      <td><img src="img\monedas\cara-coin-u1fa99.svg" alt="Cara" title="Cara" width="80"></td>
    </tr>
    <tr>
      <td>B:</td>
      <td><img src="img\monedas\cruz-coin-u1fa99.svg" alt="Cruz" title="Cruz" width="80"></td>
      <td><img src="img\monedas\cruz-coin-u1fa99.svg" alt="Cruz" title="Cruz" width="80"></td>
      <td><img src="img\monedas\cruz-coin-u1fa99.svg" alt="Cruz" title="Cruz" width="80"></td>
      <td><img src="img\monedas\cruz-coin-u1fa99.svg" alt="Cruz" title="Cruz" width="80"></td>
      <td><img src="img\monedas\cruz-coin-u1fa99.svg" alt="Cruz" title="Cruz" width="80"></td>
    </tr>
    <tr>
      <td>Gana:</td>
      <td>-</td>
      <td>B</td>
      <td>-</td>
      <td>-</td>
      <td>A</td>
    </tr>
  </table>

  <p>Han empatado.</p>

Exámenes - Cara o cruz

Cara o cruz - Comentarios

Cara o cruz - Ejemplo de código HTML