Exámenes - Mueve ficha

En este ejercicio se debe crear un programa que simule un tablero de siete posiciones en el que podemos mover una ficha.

Mueve ficha - Comentarios

Mueve ficha - Ejemplos de código HTML

    <table>
      <tbody>
        <tr>
          <td><button type="submit" name="posicion" value="0"><img src="img/circulo-blanco.svg" height="120" alt="vacio"></button></td>
          <td><button type="submit" name="posicion" value="1"><img src="img/circulo-blanco.svg" height="120" alt="vacio"></button></td>
          <td><button type="submit" name="posicion" value="2"><img src="img/circulo-blanco.svg" height="120" alt="vacio"></button></td>
          <td><img src="img/circulo-negro.svg" height="120" alt="Ficha"></td>
          <td><button type="submit" name="posicion" value="4"><img src="img/circulo-blanco.svg" height="120" alt="vacio"></button></td>
          <td><button type="submit" name="posicion" value="5"><img src="img/circulo-blanco.svg" height="120" alt="vacio"></button></td>
          <td><button type="submit" name="posicion" value="6"><img src="img/circulo-blanco.svg" height="120" alt="vacio"></button></td>
        </tr>
      </tbody>
    </table>

Mueve ficha - 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:

Enlace a ejemplo