Exámenes - Cartas ordenadas

En este ejercicio se debe crear un programa que ordene un grupo de cartas.

Cartas ordenadas - Comentarios

Cartas ordenadas - Ejemplos de código HTML

  <h2>7 cartas sin ordenar</h2>

  <p>
    <img src="img/cartas/c4.svg" alt="c4" width="100">
    <img src="img/cartas/c6.svg" alt="c6" width="100">
    <img src="img/cartas/t3.svg" alt="t3" width="100">
    <img src="img/cartas/t5.svg" alt="t5" width="100">
    <img src="img/cartas/d1.svg" alt="d1" width="100">
    <img src="img/cartas/t1.svg" alt="t1" width="100">
    <img src="img/cartas/c6.svg" alt="c6" width="100">
  </p>

  <h2>Las 7 cartas ordenadas</h2>

  <p>
    <img src="img/cartas/d1.svg" alt="d1" width="100">
    <img src="img/cartas/t1.svg" alt="t1" width="100">
    <img src="img/cartas/c4.svg" alt="c4" width="100">
    <img src="img/cartas/t3.svg" alt="t3" width="100">
    <img src="img/cartas/t5.svg" alt="t5" width="100">
    <img src="img/cartas/c6.svg" alt="c6" width="100">
    <img src="img/cartas/c6.svg" alt="c6" width="100">
  </p>

Cartas ordenadas - 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