Exámenes - Bingo

Bingo - Comentarios

• El programa podrá tener dos páginas y utilizar sesiones:
  • La primera página muestra el cartón de bingo y un número:
    • El cartón es una tabla de dos filas y tres columnas con cuatro números.
    • El primer número será un 1 o un 2 y se mostrará en la primera casilla de la primera fila.
    • El segundo número será un 3 o un 4 y se mostrará en la tercera casilla de la primera fila.
    • El tercer número será un 5 o un 6 y se mostrará en la primera casilla de la segunda fila.
    • El cuarto número será un 7 o un 8 y se mostrará en la segunda casilla de la segunda fila.
    • La primera vez que se abre la página, o cuando se pulsa el botón "Volver a empezar", se mostraá un nuevo cartón y un número del 1 al 8, al azar.

      

    • Al hacer clic "Nuevo número" se mostrará un nuevo número del 1 al 8, al azar. Los valores se pueden repetir.
    • Si se hace clic en un número del cartón y ese número coincide con el número mostrado, la casilla correspondiente se oscurecerá.

      

    • Al tapar las dos casillas de una fila, se mostrará el mensaje correspondiente. El mensaje dejará de mostrarse al mostrarse un nuevo número.

      

    • Al tapar las cuatro casillas del cartón, se mostrará el mensaje correspondiente. El mensaje dejará de mostrarse al mostrarse un nuevo número.

      

    • Al hacer clic en un número tapado no cambiará nada.
    • Se podrán seguir mostrando nuevos números aunque se hayan tapado todos los números.
    • Al hacer clic en el botón "Volver a empezar", se mostrará un nuevo cartón sin números tapados y un nuevo número.
  • La segunda página recoge el botón, 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.
• No se debe cambiar el nombre del control incluido en las plantillas.
• Al actualizar la primera página, no se modificará el contenido.

Bingo - Ejemplos de código HTML

    <table>
      <tr>
        <td><button type="submit" name="accion" value="1">1</button></td>
        <td></td>
        <td><button type="submit" name="accion" value="2">4</button></td>
      </tr>
      <tr>
        <td><button type="submit" name="accion" value="3">5</button></td>
        <td><button type="submit" name="accion" value="4">7</button></td>
        <td></td>
      </tr>
    </table>

    <p>Número: <span style="font-size: 4rem">8</span></p>

    <table>
      <tr>
        <td><button type="submit" name="accion" value="1">1</button></td>
        <td></td>
        <td><button type="submit" name="accion" value="2">4</button></td>
      </tr>
      <tr>
        <td><button type="submit" name="accion" value="3">5</button></td>
        <td><button type="submit" name="accion" value="4 style="background-color: hwb(240 40% 100%)">7</button></td>
        <td></td>
      </tr>
    </table>

    <p>Número: <span style="font-size: 4rem">7</span></p>

    <table>
      <tr>
        <td><button type="submit" name="accion" value="1" style="background-color: hwb(240 40% 100%)">1</button></td>
        <td></td>
        <td><button type="submit" name="accion" value="2" style="background-color: hwb(240 40% 100%)">4</button></td>
      </tr>
      <tr>
        <td><button type="submit" name="accion" value="3">5</button></td>
        <td><button type="submit" name="accion" value="4" style="background-color: hwb(240 40% 100%)">7</button></td>
        <td></td>
      </tr>
    </table>

    <p>Número: <span style="font-size: 4rem">7</span></p>

    <p style="font-size: 2rem;">¡Línea!</p>