Exámenes - Monedas

En este ejercicio se debe crear un programa que muestre una cantidad de dinero (entre 1 y 99, sin decimales) de forma gráfica mediante el menor número posible de imágenes de monedas de valor 5, 2 y 1.

Monedas - Comentarios

Monedas - Ejemplos de código HTML

<p>8 Libras se obtienen con <strong>1</strong> monedas de 5 Libras, <strong>1</strong> monedas de 2 Libras y <strong>1</strong> monedas de 1 Libras.</p>

  <p>
    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
         width="150" height="100" viewBox="0 0 36 36">
      <circle fill="#F4900C" cx="18" cy="19" r="17"/>
      <circle fill="#FFCC4D" cx="18" cy="17" r="17"/>
      <circle fill="#FFE8B6" cx="18" cy="18" r="14"/>
      <circle fill="#FFAC33" cx="18" cy="17" r="14"/>
      <text x="18" y="24" text-anchor="middle" fill="hwb(34 0% 20%)" font-size="19">5&pound;</text>
    </svg>

    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
         width="150" height="100" viewBox="0 0 36 36">
      <circle fill="#F4900C" cx="18" cy="19" r="17"/>
      <circle fill="#FFCC4D" cx="18" cy="17" r="17"/>
      <circle fill="#FFE8B6" cx="18" cy="18" r="14"/>
      <circle fill="#FFAC33" cx="18" cy="17" r="14"/>
      <text x="18" y="24" text-anchor="middle" fill="hwb(34 0% 20%)" font-size="19">2&pound;</text>
    </svg>

    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
         width="150" height="100" viewBox="0 0 36 36">
      <circle fill="#F4900C" cx="18" cy="19" r="17"/>
      <circle fill="#FFCC4D" cx="18" cy="17" r="17"/>
      <circle fill="#FFE8B6" cx="18" cy="18" r="14"/>
      <circle fill="#FFAC33" cx="18" cy="17" r="14"/>
      <text x="18" y="24" text-anchor="middle" fill="hwb(34 0% 20%)" font-size="19">1&pound;</text>
    </svg>
  </p>
<p>4 Yenes se obtienen con <strong>0</strong> monedas de 5 Yenes, <strong>2</strong> monedas de 2 Yenes y <strong>0</strong> monedas de 1 Yenes.</p>

  <p>
    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
         width="150" height="100" viewBox="0 0 36 36">
      <circle fill="#F4900C" cx="18" cy="19" r="17"/>
      <circle fill="#FFCC4D" cx="18" cy="17" r="17"/>
      <circle fill="#FFE8B6" cx="18" cy="18" r="14"/>
      <circle fill="#FFAC33" cx="18" cy="17" r="14"/>
      <text x="18" y="24" text-anchor="middle" fill="hwb(34 0% 20%)" font-size="19">2&yen;</text>
    </svg>

    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
         width="150" height="100" viewBox="0 0 36 36">
      <circle fill="#F4900C" cx="18" cy="19" r="17"/>
      <circle fill="#FFCC4D" cx="18" cy="17" r="17"/>
      <circle fill="#FFE8B6" cx="18" cy="18" r="14"/>
      <circle fill="#FFAC33" cx="18" cy="17" r="14"/>
      <text x="18" y="24" text-anchor="middle" fill="hwb(34 0% 20%)" font-size="19">2&yen;</text>
    </svg>

  </p>

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