Sesiones (2). Enunciados. Ejercicios (sesiones). PHP. Bartolomé Sintes Marco. www.mclibre.org

Comprobación de formularios

Sesiones (2) 01 - Formulario en dos pasos

Escriba dos formularios encadenados que soliciten el nombre y los apellidos del usuario.

En la primera página, se solicita el nombre del usuario.
En la segunda página se comprueba el nombre del usuario:
- Si no se ha escrito nada, se vuelve a la primera página, mostrando un aviso.
- Si se ha escrito algo, se pasa a la tercer página.
En la tercera página se solicitan los apellidos del usuario.
En la cuarta página se comprueban los apellidos del usuario:
- Si no se ha escrito nada, se vuelve a la tercera página, mostrando un aviso.
- Si se ha escrito algo, se pasa a la quinta página.
La quinta página muestra el nombre y los apellidos introducidos.

Ayuda

La organización de las páginas puede ser la siguiente:
Las líneas negras corresponden a envíos de formularios y las líneas rojas a redirecciones.

Sesiones (2) 02 - Formulario de confirmación

Escriba dos formularios encadenados que soliciten una palabra dos veces y compruebe que se ha escrito la misma palabra.

En la primera página, se solicita una única palabra. La palabra puede estar formada por minúsculas, mayúsculas o números (entremezclados en la misma palabra).
En la segunda página se comprueba la palabra:
- Si no se ha escrito nada, se vuelve a la primera página, mostrando un aviso.
- Si se ha escrito más de una palabra o hay caracteres distintos a letras y números, se vuelve a la primera página, mostrando un aviso.
- Si se ha escrito una palabra válida, se pasa a la tercera página.
En la tercera página se pide repetir la palabra.
En la cuarta página se comprueba la segunda palabra:
- Si no se ha escrito nada, se vuelve a la tercera página, mostrando un aviso.
- Si se ha escrito más de una palabra o hay caracteres distintos a letras y números, se vuelve a la tercera página, mostrando un aviso.
- Si la palabra es válida, pero no coincide con la primera, se vuelve a la primera página, mostrando un aviso.
- Si se ha escrito una palabra válida y coincide con la primera, se pasa a la quinta página.
La quinta página muestra la palabra introducida.

Ayuda

La organización de las páginas puede ser la siguiente:
Las líneas negras corresponden a envíos de formularios y las líneas rojas a redirecciones.

Sesiones (2) 03 - Formularios independientes

Escriba un conjunto de siete páginas que soliciten el nombre y los apellidos del usuario.

En la página de inicio (index.html), se muestran enlaces a cuatro páginas:
- La página "Escribir su nombre" (nombre-1.php) solicita el nombre del usuario y lo envía a otra página (nombre-2.php).
- Si ya se ha escrito el nombre, la página nombre-1.php lo muestra.
- La página nombre-2.php comprueba si se ha escrito algo. Si no se ha escrito nada, se vuelve a la página nombre-1.php, mostrando un aviso. Si se ha escrito algo, se guarda el nombre en $_SESSION y se vuelve a la página inicial
- La página "Escribir sus apellidos" (apellidos-1.php) solicita los apellidos del usuario y los envía a otra página (apellidos-2.php).
- Si ya se ha escrito los apellidos, la página apellidos-1.php los muestra.
- La página apellidos-2.php comprueba si se ha escrito algo. Si no se ha escrito nada, se vuelve a la página apellidos-1, mostrando un aviso. Si se ha escrito algo, se guardan los apellidos en $_SESSION y se vuelve a la página inicial
La página "Ver su nombre y apellidos" (ver.php) muestra los datos almacenados en $_SESSION
La página "Borrar la información" (borrar.php) destruye la sesión.

Ayuda

La organización de las páginas puede ser la siguiente:
Las líneas negras corresponden a envíos de formularios, las líneas rojas a redirecciones y las líneas azules corresponden a enlaces.

Gráficos

Sesiones (2) 11 - Quita cartas (ejercicio examen curso 2017/18)

Escriba un programa de dos páginas que muestre un montón de cartas boca abajo y permita ir retirándolas una a una, en un ciclo sin fin:
- La primera página muestra el montón de cartas en un botón de tipo submit:
  - La primera página contiene un formulario con un único botón que contiene una imagen SVG.
  - La imagen representa un montón de cartas boca abajo.
  - El montón mostrará inicialmente un número de cartas aleatorio entre 3 y 10.
  - Al hacer clic en la imagen indicamos que queremos retirar una carta.
  - Se irán eliminando cartas hasta que el montón se quede sin cartas.
  - Al hacer clic en el botón cuando el montón está vacío, se volverá a mostrar un montón con un número de cartas aleatorio entre 3 y 10, del que se pueden volver a ir retirando las cartas una a una.
- La segunda página recoge el botón, modifica la variable de sesión y redirige a la primera página.
  - La variable de sesión puede ser única: el número de cartas en el montón.

Ayuda

El código HTML podría ser el siguiente (con los valores que cambian resaltados):

  <p>Quedan 3 cartas. Haga clic en el dibujo para eliminar una carta.</p>

  <form action="quita-cartas-2.php">
    <p>
      <button type="submit" name="quita" value="quita" style="background-color: #eee;">
        <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
          width="210" height="250" viewBox="-10 -10 210 250">
          <defs>
            <pattern id="patron-1" x="0" y="0" width="10" height="10" patternUnits="userSpaceOnUse" >
              <rect x="0" y="0" width="10" height="10" fill="hwb(0 60% 0%)" />
              <line x1="0" y1="10" x2="10" y2="0" stroke="hwb(0 80% 0%)" stroke-width="1" />
              <line x1="0" y1="0" x2="10" y2="10" stroke="hwb(0 80% 0%)" stroke-width="1" />
            </pattern>
          </defs>

          <rect x="0" y="0" width="100" height="140" rx="5" ry="5" style="stroke: black; fill: url(#patron-1);" />
          <rect x="10" y="10" width="100" height="140" rx="5" ry="5" style="stroke: black; fill: url(#patron-1);" />
          <rect x="20" y="20" width="100" height="140" rx="5" ry="5" style="stroke: black; fill: url(#patron-1);" />        </svg>
      </button>
    </p>
  </form>

Sesiones (2) 12 - Hucha de monedas (ejercicio examen curso 2017/18)

Escriba un programa de dos páginas que simule la introducción de monedas en una hucha. Cada vez que se haga clic en una moneda, aumentará el contador total y un botón permitirá poner a cero el contador:
- La primera página mostrará la hucha, las monedas y el botón de puesta a cero:
  - Las monedas y la hucha son imágenes SVG fijas.
  - La hucha inicialmente no contendrá monedas.
  - Al pulsar cualquier moneda indicamos que queremos aumentar el contador.
  - Los céntimos se contará como números decimales.
  - Se pueden meter todas las monedas que se quiera.
  - Al pulsar el botón "Vaciar hucha" el contador se pone a cero.
- La segunda página recoge el botón, modifica la variable de sesión y redirige a la primera página.
  - La variable de sesión puede ser única: el contador del dinero introducido en la hucha.

Ayuda

El código HTML podría ser el siguiente (con los valores que cambian resaltados):

  <p>
    <svg xmlns="http://www.w3.org/2000/svg" width="324.42" height="204">
      <g stroke-width="1.27">
        <path fill="#ff8080" fill-rule="evenodd" d="M48.15 2c10.8 12.85 8.14 23 4.44 32.94-8.54 8.22-15.5 18.06-19.85 28.6C25.35 82.84 13.35 79.3 2 78.92v36.93c12.98 13.55 23.73 16.02 34 16 6.08 11.42 15.1 27.9 25.7 35.7L48.14 202H78.9l16.55-18.65c28.84 9 60.9 5.8 91.16 1.4V202h30.78l23.57-35.34c17.65-11.5 30.85-31.15 37.97-50.8 3.4-9.34 5.56-19.7 5.9-30.02 2.85 1.12 5.6 2.16 8.26 3-.72-3.74-1.37-8.05-1.7-12.4-2.2-.95-4.65-2.15-7.08-3.35-.85-6.6-2.57-12.98-5.38-18.8-8.53-17.77-27.56-30.4-46.15-36.94-48.4-16.96-106.47-19.6-153.85 0C76.87 8.17 66.62 3.05 48.15 2zm243.23 74.44c1.85.8 3.64 1.45 5.4 1.87 1.02-7.05-.15-14.03 3.6-17.82 1.85-1.85 8.83-3.2 10.85-1.54 3.97 3.25 3.76 11.9 0 15.4-4.9 4.5-9.53 5.17-14.46 4-.58 3.92-.86 7.86-.98 11.33 8.13 2.18 12.5.44 19.95-6.15 8.12-7.14 9.02-19.8 1.5-27.57-6.06-6.3-15.43-7.97-21.42-1.6-4.4 4.65-5.12 13.45-4.47 22.12zm4.4 13.2c-.9-.23-1.8-.5-2.7-.8 1.3 6.73 2.77 11.62 2.77 11.62s-.28-4.62-.06-10.8zM51.24 62c4.25 0 7.7 3.44 7.7 7.7 0 4.24-3.45 7.68-7.7 7.68s-7.7-3.44-7.7-7.7c0-4.24 3.45-7.68 7.7-7.68z" />
        <path fill="#ff8080" d="M296 84.45c0-1.5.1-2.05.23-1.22.12.83.12 2.05 0 2.72-.14.67-.24 0-.24-1.5z" />
        <path fill="#ff8080" d="M294.4 89.18c-1.22-.18-1.68-1.82-2.7-9.74l-.35-2.82 2.72.87c1.98.6 2.65 1.1 2.5 1.7-.12.5-.4 2.96-.6 5.5-.38 4.32-.48 4.6-1.58 4.46z" />
        <path fill="#f2f2f2" stroke="#000" stroke-width=".25" d="M129.7 8.93h57.7v8.46h-57.7z" stroke-linecap="round" stroke-linejoin="bevel" />
      </g>
      <text x="170" y="110" font-size="60" text-anchor="middle">14.53</text>
    </svg>
  </p>

Sesiones (2) 13 - Cara o cruz (ejercicio examen curso 2017/18)

Escriba un programa de dos páginas que simule el juego de cara y cruz. Las reglas del juego son las siguientes:
- Se tira una moneda de dos caras: cara A y cara B:
- Se lleva la cuenta de las veces que ha salido cada resultado.
- El jugador A es un gato, que muestra las siguientes expresiones: 😸 (entidad numérica 😸) si va ganando, 😼 (entidad numérica 😼) si va empatando y 🙀 (entidad numérica 🙀) si va perdiendo.
- El jugador B es un mono, que muestra las siguientes expresiones: 🐵 (entidad numérica 🐵) si va ganando, 🙊 (entidad numérica 🙊) si va empatando y 🙈 (entidad numérica 🙈) si va perdiendo.
La primera página muestra el estado de la partida y contiene dos botones:
- Uno para lanzar de nuevo la moneda
- Otro para volver a empezar una nueva partida
La segunda página recoge el botón, modifica las variables de sesión y redirige a la primera página. Las variables de sesión pueden ser tres:
- La cara de la moneda que ha salido (A o B).
- El número de veces que ha salido la cara A.
- El número de veces que ha salido la cara B.

Ayuda

El código HTML podría ser el siguiente (con los valores que cambian resaltados):

  <table style="text-align: center;">
    <tr>
      <th>Jugador A</th>
      <th>Resultado</th>
      <th>Jugador B</th>
    </tr>
    <tr style="font-size: 400%">
      <td>1</td>
      <td></td>
      <td>2</td>
    </tr>
    <tr style="font-size: 400%">
      <td>&#128576;</td>
      <td><img src="img/b.svg" alt="B" width="100" height="100"></td>
      <td>&#128053;</td>
    </tr>
  </table>

Ejercicios (sesiones) - Sesiones (2) - Enunciados

Comprobación de formularios

Sesiones (2) 01 - Formulario en dos pasos

Sesiones (2) 02 - Formulario de confirmación

Sesiones (2) 03 - Formularios independientes

Gráficos

Sesiones (2) 11 - Quita cartas (ejercicio examen curso 2017/18)

Sesiones (2) 12 - Hucha de monedas (ejercicio examen curso 2017/18)

Sesiones (2) 13 - Cara o cruz (ejercicio examen curso 2017/18)