Exámenes - Solitario de dados (2)

Solitario de dados (2) - Comentarios

• El programa podrá tener dos páginas y utilizar sesiones:
  • La primera página muestra una tabla con tres filas y un párrafo indicando la puntuación total obtenida por el jugador:
    • La primera fila muestra los valores a obtener por cada dado (los valores 1, 2 y 3).
    • La segunda fila muestra las dados.
    • La tercera fila muestra los puntos obtenidos con cada dado (el producto del valor buscado por el número de intentos realizado).
    • La primera vez que se abre la página, o cuando se pulsa el botón "Volver a empezar", los dados no muestran ningún valor y las puntuaciones son 0.

      

    • Al hacer clic en el dado, se mostrará un nuevo valor del dado y se aumentará la puntuación correspondiente al dado y la puntuación total. Se puede hacer clic en cualquier dado en cualquier orden.

      

      

    • Al conseguir el valor buscado, ya no se podrá hacer clic en el dado (ni manipulando la URL llamando manualmente a la segunda página).

      

      

    • Si se hace clic en el botón "Volver a empezar", los dados mo mostrarán ningún valor y las puntuaciones serán 0.
  • 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.

Solitario de dados (2) - Ejemplos de código HTML

    <table style="font-size: 2.5rem; text-align: center;">
      <tr>
        <td>Objetivo</td>
        <td>1</td>
        <td>2</td>
        <td>3</td>
      </tr>
      <tr>
        <td>Dado</td>
        <td>
          <button type="submit" name="accion" value="d1">
            <img src="img/dados/0.svg" alt="0" width="100">
          </button>
        </td>
        <td>
          <button type="submit" name="accion" value="d2">
            <img src="img/dados/0.svg" alt="0" width="100">
          </button>
        </td>
        <td>
          <button type="submit" name="accion" value="d3">
            <img src="img/dados/0.svg" alt="0" width="100">
          </button>
        </td>
      </tr>
      <tr>
        <td>Puntos</td>
        <td>0</td>
        <td>0</td>
        <td>0</td>
      </tr>
    </table>

    <p>Puntuación total: 0 puntos.</p>

    <table style="font-size: 2.5rem; text-align: center;">
      <tr>
        <td>Objetivo</td>
        <td>1</td>
        <td>2</td>
        <td>3</td>
      </tr>
      <tr>
        <td>Dado</td>
        <td>
          <button type="submit" name="accion" value="d1">
            <img src="img/dados/5.svg" alt="5" width="100">
          </button>
        </td>
        <td>
          <img src="img/dados/2.svg" alt="2" width="100">
        </td>
        <td>
          <button type="submit" name="accion" value="d3">
            <img src="img/dados/2.svg" alt="2" width="100">
          </button>
        </td>
      </tr>
      <tr>
        <td>Puntos</td>
        <td>1</td>
        <td>4</td>
        <td>3</td>
      </tr>
    </table>

    <p>Puntuación total: 8 puntos.</p>