Exámenes - Torneo de dados

Torneo de dados - Comentarios

• El programa tendrá dos páginas:
  • La primera página muestra un formulario con tres controles:
    • El número de partidas de que va a constar el torneo (entre 1 y 10).
    • El nombre de la jugadora (el programa ofrecerá cuatro nombres posibles)
    • El nombre del jugador (el programa ofrecerá cuatro nombres posibles)
  • La segunda página mostrará:
    • Si se han recibido valores incorrectos, los mensajes de error correspondientes.
    • Si los valores son correctos, todas las partidas del torneo y el resultado final.
    • En cada partida, la jugadora tira tres dados y cuenta los puntos de los dados pares que haya obtenido.
    • En cada partida, el jugador tira cuatro dados y cuenta los puntos de los dados impares que haya obtenido.
    • El jugador que obtenga el valor más alto, gana cada partida.
    • Cada partida se muestra en una línea, mostrando:
      • el emoji de niña 👧 (👧), sus tres dados y su puntuación,
      • el emoji de niño 👦 (👦), sus cuatro dados y su puntuación,
      • si ha ganado un jugador, el emoji del pulgar levantado 👍 (👍) y el emoji del jugador
      • si han empatado la partida, el emoji de las espadas cruzadas ⚔️ (⚔️)
    • Gana el torneo quien haya ganado más partidas.
• 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 dibujos distintos, pero se mostrará la misma cantidad y tipo de dibujos.
• Capturas de pantalla de ejemplo:

  

  

  

  

  

Torneo de dados - Ejemplo de código HTML

  <h2>Partidas</h2>

  <p>
    <span style="font-size: 60px; vertical-align: bottom">
      &#x1f467;
      <img src="img/dados/3.svg" alt="3" width="60" height="60">
      <img src="img/dados/4.svg" alt="4" width="60" height="60">
      <img src="img/dados/2.svg" alt="2" width="60" height="60">
      6

      &#x1f466;
      <img src="img/dados/2.svg" alt="2" width="60" height="60">
      <img src="img/dados/3.svg" alt="3" width="60" height="60">
      <img src="img/dados/3.svg" alt="3" width="60" height="60">
      <img src="img/dados/2.svg" alt="2" width="60" height="60">
      6

      &#x2694;&#xfe0f;
    </span>
  </p>

  <p>
    <span style="font-size: 60px; vertical-align: bottom">
      &#x1f467;
      <img src="img/dados/1.svg" alt="1" width="60" height="60">
      <img src="img/dados/2.svg" alt="2" width="60" height="60">
      <img src="img/dados/4.svg" alt="4" width="60" height="60">
      6

      &#x1f466;
      <img src="img/dados/6.svg" alt="6" width="60" height="60">
      <img src="img/dados/3.svg" alt="3" width="60" height="60">
      <img src="img/dados/1.svg" alt="1" width="60" height="60">
      <img src="img/dados/3.svg" alt="3" width="60" height="60">
      7

      &#128077; &#x1f466;
    </span>
  </p>

  <p>
    <span style="font-size: 60px; vertical-align: bottom">
      &#x1f467;
      <img src="img/dados/4.svg" alt="4" width="60" height="60">
      <img src="img/dados/3.svg" alt="3" width="60" height="60">
      <img src="img/dados/5.svg" alt="5" width="60" height="60">
      4

      &#x1f466;
      <img src="img/dados/4.svg" alt="4" width="60" height="60">
      <img src="img/dados/4.svg" alt="4" width="60" height="60">
      <img src="img/dados/3.svg" alt="3" width="60" height="60">
      <img src="img/dados/2.svg" alt="2" width="60" height="60">
      3

      &#128077; &#x1f467;
    </span>
  </p>

  <h2>Resultado final</h2>

  <p>Han empatado</p>

Torneo de dados - 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: