Exámenes - Cuadrados

En este ejercicio se debe crear un programa que muestre unos cuadrados de diferentes tamaños y los ordende de mayor a menor.

Cuadrados - Comentarios

Cuadrados - Ejemplo de código HTML

    <h1>Cuadrados</h1>

    <p>Actualice la página para mostrar otros cuadrados.</p>

    <h2>3 cuadrados</h2>

    <p>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="141" height="141"> <rect x="0" y="0" width="141" height="141" fill="hsl(20, 100%, 90%)" /> <text x="10" y ="25" font-size="20">1</text> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="113" height="113"> <rect x="0" y="0" width="113" height="113" fill="hsl(20, 100%, 90%)" /> <text x="10" y ="25" font-size="20">2</text> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="147" height="147"> <rect x="0" y="0" width="147" height="147" fill="hsl(20, 100%, 90%)" /> <text x="10" y ="25" font-size="20">3</text> </svg>
</p> <h2>Cuadrados ordenados de mayor a menor</h2> <p>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="147" height="147"> <rect x="0" y="0" width="147" height="147" fill="hsl(20, 100%, 90%)" /> <text x="10" y ="25" font-size="20">1</text> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="141" height="141"> <rect x="0" y="0" width="141" height="141" fill="hsl(20, 100%, 90%)" /> <text x="10" y ="25" font-size="20">2</text> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="113" height="113"> <rect x="0" y="0" width="113" height="113" fill="hsl(20, 100%, 90%)" /> <text x="10" y ="25" font-size="20">3</text> </svg>
</p>

Cuadrados - 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