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