Exámenes - Todos los dados

Todos los dados - Comentarios

• El programa podrá tener dos páginas y utilizar sesiones:
  • La primera página muestra la tirada realizada por un dado y seis dados mostrando los valores ya obtenidos:
    • La primera vez que se abre la página (o cuando se reinicia la partida) se muestran únicamente los seis dados vacíos (que corresponden en orden a los valores del 1 al 6).
    • Un botón permite tirar o volver a tirar un dado.
    • En cada tirada se muestra la tirada de un dado y se muestra el valor en la posición correspondiente de los seis dados.
    • Los valores ya obtenidos mostrados en los seis dados se siguen mostrando mientras no se reinicie la partida.
    • El contador cuenta el número de tiradas.
    • Se puede seguir tirando el dado aunque ya se hayan obtenido los seis valores del 1 al 6.
    • Un botón permite reiniciar el juego en cualquier momento.
  • La segunda página recoge el botón elegido, modifica las variables de sesión y redirige a la primera página.
• 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 redirigirá a la primera página sin informar al usuario, ni modificar los datos ni los contadores.
• No se debe cambiar el nombre del control incluido en las plantillas.
• Al actualizar la primera página, no se modificará el contenido (ni la tirada ni los seis dados).
• Capturas de pantalla de ejemplo:

  

  

  

  

  

Todos los dados - Ejemplo de código HTML

    <h2>Tirada de dado</h2>

    <p><img src="img/4.svg" alt="4" width="140" height="140"></p>

    <h2>Dados ya conseguidos</h2>

    <p>
      <img src="img/1.svg" alt="1" width="140" height="140">
      <img src="img/2.svg" alt="2" width="140" height="140">
      <img src="img/0.svg" alt="Pendiente" width="140" height="140">
      <img src="img/4.svg" alt="4" width="140" height="140">
      <img src="img/0.svg" alt="Pendiente" width="140" height="140">
      <img src="img/0.svg" alt="Pendiente" width="140" height="140">
    </p>

    <p>Número de tiradas: 5</p>

Tirada 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: