Exámenes - Monet

En este ejercicio se debe crear un programa que permtia jugar a un juego. El juego consiste en un cuadro partido en cuatro piezas y hay que intercambiarlas hasta que el cuadro se vea correctamente

Monet - Comentarios

Monet - Ejemplo de código

Para "barajar" las imágenes se puede utilizar la función shuffle():

$orden = [1, 2, 3, 4];
shuffle($orden);
list ($a, $b, $c, $d) = $orden;
<h1>Claude Monet. Nenúfares (1920)</h1>

<p>Haga clic en los iconos para intercambiar las imágenes. El objetivo del juego es obtener la imagen correcta del cuadro.</p>

<form action="/mclibre/consultar/examenes/php_examenes/14-15/monet/monet.php" method="get">
<table cellpadding="0" style="margin-left: auto; margin-right: auto;">
  <tbody>
    <tr>
      <td colspan="2" align="right"><button type="submit" name="mod" value="1" style="margin-right: 70px">
        <img src="img/change.svg" height="60" alt="cambiar" /></button></td>
      <td colspan="2" align="center"><button type="submit" name="mod" value="2">
        <img src="img/change.svg" height="60" alt="cambiar" /></button></td>
      <td colspan="2" align="left"><button type="submit" name="mod" value="3" style="margin-left: 70px">
        <img src="img/change.svg" height="60" alt="cambiar" /></button></td>
    </tr>
    <tr>
      <td><img src="img/monet-2.jpg" alt="Monet" /></td>
      <td colspan="2"><img src="img/monet-1.jpg" alt="Monet" /></td>
      <td colspan="2"><img src="img/monet-4.jpg" alt="Monet" /></td>
      <td><img src="img/monet-3.jpg" alt="Monet" /></td>
    </tr>
  </tbody>
</table>

<p><input type="hidden" name="a" value="2" />
  <input type="hidden" name="b" value="1" />
  <input type="hidden" name="c" value="4" />
  <input type="hidden" name="d" value="3" /></p>
</form>
<p style="font-size: 200%">¡Felicidades! Ha conseguido el objetivo.</p>
<p><input type="submit" name="mod" value="Reiniciar" /></p>

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

ERROR (no puede mostrarse el objeto)
Enlace a ejemplo