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.
<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£</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£</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£</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¥</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¥</text>
</svg>
</p>
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: