Exámenes - Juego de dados de colores

Juego de dados de colores - Comentarios

• El programa tendrá dos páginas:
  • La primera página muestra un formulario con tres controles:
    • El color de los dados del primer jugador.
    • El color de los dados del segundo jugador.
    • El número de dados que se van a lanzar (entre 5 y 12).
  • La segunda página mostrará:
    • Si se han recibido valores incorrectos, los mensajes de error correspondientes.
    • Si los valores son correctos, el número de daos elegidos en el formulario.
    • Cada dado tendrá un color de fondo al azar entre los elegidos por los jugadores.
    • Qué jugador ha ganado la partida, teniendo en cuenta que cada jugador puntúa los dados de su color.
• 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á una partida distinta, pero con mismo número de dados y los mismos dos colores.
• Capturas de pantalla de ejemplo:

  

  

  

  

Juego de dados de colores - Ejemplo de código HTML

  <p>
    <img src="img/dados-transparentes/6.svg" alt="6" width="80" height="80" style="background-color: hwb(0 40% 0%)">
    <img src="img/dados-transparentes/2.svg" alt="2" width="80" height="80" style="background-color: hwb(0 40% 0%)">
    <img src="img/dados-transparentes/5.svg" alt="5" width="80" height="80" style="background-color: hwb(0 40% 0%)">
    <img src="img/dados-transparentes/1.svg" alt="1" width="80" height="80" style="background-color: hwb(0 40% 0%)">
    <img src="img/dados-transparentes/1.svg" alt="1" width="80" height="80" style="background-color: hwb(60 40% 0%)">
  </p>

  <p>Ha ganado el jugador rojo por 14 a 1.</p>